Add larger size options for 500px logo

This commit is contained in:
Fred Boniface 2022-10-28 20:18:53 +01:00
parent ba68268291
commit 672e61849d
2 changed files with 23 additions and 16 deletions

View File

@ -26,8 +26,8 @@
<source media="(min-width: 290px)" srcset="/images/logo/full-40.jxl" type="image/jxl">
<source media="(min-width: 290px)" srcset="/images/logo/full-40.webp" type="image/webp">
<source media="(min-width: 290px)" srcset="/images/logo/full-40.png" type="image/png">
<source media="(max-width: 290px)" srcset="/images/logo/short-20.jxl" type="image/jxl">
<source media="(max-width: 290px)" srcset="/images/logo/short-20.png" type="image/png">
<source media="(max-width: 289px)" srcset="/images/logo/short-20.jxl" type="image/jxl">
<source media="(max-width: 289px)" srcset="/images/logo/short-20.png" type="image/png">
<img src="/images/logo/full-40.png" alt="Fred Boniface logo">
</picture>
</a>
@ -50,19 +50,27 @@
</picture>
</div>
<div id="sidebar_social">
<a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
<picture>
<source media="(min-width: 399px)" srcset="/images/social-icons/500px_seek_114.jxl" type="image/jxl">
<source media="(min-width: 399px)" srcset="/images/social-icons/500px_seek_114.webp" type="image/webp">
<source srcset="/images/social-icons/500px_seek_58.jxl" type="image/jxl">
<source srcset="/images/social-icons/500px_seek_58.webp" type="image/webp">
<img src="/images/social-icons/500px_seek_58.png" alt="500px Logo">
<img src="/images/social-icons/500px_seek_114.png" alt="500px Logo">
</picture>
</a>
<a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"></a>
<picture>
<source srcset="/images/social-icons/fb_blue_58.png" type="image/png">
<img src="/images/social-icons/fb_blue_58.png" alt="Facebook Logo">
</picture>
</a>
<a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
<picture>
<source srcset="/images/social-icons/gh_white_64.png" type="image/png">
<img src="/images/social-icons/gh_white_64.png" alt="Github Logo">
</picture>
</a>
</div>
</div>
<div class="content show_micro">

View File

@ -163,7 +163,6 @@ body {
color: var(--main-text-color);
}
/* FOOTER */
/* FOOTER */
footer {
position: relative;
width: 100%;