Change 500px logo and optimise sizing

This commit is contained in:
Fred Boniface 2022-10-14 10:27:54 +01:00
parent 05db97179d
commit ff5b6832e9

View File

@ -17,9 +17,9 @@
<div class="social-links"> <div class="social-links">
<a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"> <a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener">
<picture> <picture>
<source media="(max-width: 400px)" srcset="/images/social-icons/fb_blue_58.png" type="image/png"> <source media="(max-width: 600px)" srcset="/images/social-icons/fb_blue_58.png" type="image/png">
<source media="(max-width: 600px)" srcset="/images/social-icons/fb_blue_144.png" type="image/png"> <source srcset="/images/social-icons/fb_blue_144.png" type="image/png">
<img src="/images/social-icons/fb_blue_250.png" alt="Facebook Logo"> <img src="/images/social-icons/fb_blue_144.png" alt="Facebook Logo">
</picture> </picture>
</a> </a>
<a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener"> <a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
@ -30,10 +30,12 @@
</a> </a>
<a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener"> <a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
<picture> <picture>
<source media="(max-width: 600px)" srcset="/images/social-icons/500px_114.jxl" type="image/jxl"> <source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.jxl" type="image/jxl">
<source media="(max-width: 600px)" srcset="/images/social-icons/500px_114.png" type="image/png"> <source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.webp" type="image/webp">
<source srcset="/images/social-icons/500px_250.jxl" type="image/jxl"> <source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.png" type="image/png">
<img src="/images/social-icons/500px_250.png" alt="500px Logo"> <source srcset="/images/social-icons/500px_seek_114.jxl" type="image/jxl">
<source srcset="/images/social-icons/500px_seek_114.webp" type="image/webp">
<img src="/images/social-icons/500px_seek_114.png" alt="500px Logo">
</picture> </picture>
</a> </a>
</div> </div>