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

Fix styling after adding links to social icons

This commit is contained in:
Fred Boniface 2022-10-28 20:49:26 +01:00
parent 99a516d72b
commit 756dc913d3
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
new_index.html
View File

@ -50,7 +50,7 @@
</picture> </picture>
</div> </div>
<div id="sidebar_social"> <div id="sidebar_social">
<a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener"> <a class="social_icon" href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
<picture> <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.jxl" type="image/jxl">
<source media="(min-width: 399px)" srcset="/images/social-icons/500px_seek_114.webp" type="image/webp"> <source media="(min-width: 399px)" srcset="/images/social-icons/500px_seek_114.webp" type="image/webp">
@ -59,14 +59,14 @@
<img src="/images/social-icons/500px_seek_58.png" alt="500px Logo"> <img src="/images/social-icons/500px_seek_58.png" alt="500px Logo">
</picture> </picture>
</a> </a>
<a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"></a> <a class="social_icon" href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"></a>
<picture> <picture>
<source media="(min-width: 399px)" srcset="/images/social-icons/fb_blue_144.png" type="image/png"> <source media="(min-width: 399px)" srcset="/images/social-icons/fb_blue_144.png" type="image/png">
<source srcset="/images/social-icons/fb_blue_58.png" type="image/png"> <source srcset="/images/social-icons/fb_blue_58.png" type="image/png">
<img src="/images/social-icons/fb_blue_58.png" alt="Facebook Logo"> <img src="/images/social-icons/fb_blue_58.png" alt="Facebook Logo">
</picture> </picture>
</a> </a>
<a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener"> <a class="social_icon" href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
<picture> <picture>
<source media="(min-width: 399px)" srcset="/images/social-icons/gh_white_120.png" type="image/png"> <source media="(min-width: 399px)" srcset="/images/social-icons/gh_white_120.png" type="image/png">
<source srcset="/images/social-icons/gh_white_64.png" type="image/png"> <source srcset="/images/social-icons/gh_white_64.png" type="image/png">

3
style/new_style.css
View File

@ -141,9 +141,10 @@ body {
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
width: 100%; width: 100%;
margin: auto;
text-align: center; text-align: center;
} }
#sidebar_social img { .social_icon img {
max-width: 120px; max-width: 120px;
width: 20%; width: 20%;
} }