fred.boniface/fredboniface.co.uk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add larger size options for 500px logo

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

1
style/new_style.css
View File

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