Add social links to div

This commit is contained in:
Fred Boniface 2022-10-13 21:42:39 +01:00
parent 67c5ca6e9b
commit 44c5b93bfd
1 changed files with 17 additions and 15 deletions

View File

@ -18,21 +18,23 @@
<a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">GitHub</a>
<a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">500px</a>
<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_144.png" type="image/png">
<img src="/images/social-icons/fb_blue_250.png" alt="Facebook Logo">
</picture>
<picture>
<source media="(max-width: 400px)" srcset="/images/social-icons/gh_white_64.png" type="image/png">
<img src="/images/social-icons/gh_white_120.png" alt="GitHub Logo">
</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_114.png" type="image/png">
<source srcset="/images/social-icons/500px_250.jxl" type="image/jxl">
<img src="/images/social-icons/500px_250.png" alt="500px Logo">
</picture>
<div class="social-links">
<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_144.png" type="image/png">
<img src="/images/social-icons/fb_blue_250.png" alt="Facebook Logo">
</picture>
<picture>
<source media="(max-width: 400px)" srcset="/images/social-icons/gh_white_64.png" type="image/png">
<img src="/images/social-icons/gh_white_120.png" alt="GitHub Logo">
</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_114.png" type="image/png">
<source srcset="/images/social-icons/500px_250.jxl" type="image/jxl">
<img src="/images/social-icons/500px_250.png" alt="500px Logo">
</picture>
</div>
</div>