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

Compare commits

base: fred.boniface:25dcd754674238383b16d9a66c6aed65183394aa
Branches Tags
fred.boniface:master
fred.boniface:testing
..
compare: fred.boniface:1116ea977087e2b36e7226f5c1b02a14db1651b7
Branches Tags
fred.boniface:master
fred.boniface:testing

2 Commits
25dcd75467 ... 1116ea9770

Author SHA1 Message Date
Fred Boniface 1116ea9770 Nearly there 2022-10-28 21:02:01 +01:00
Fred Boniface ec45fe67a5 Almost there on the social icon front 2022-10-28 21:01:53 +01:00
2 changed files with 8 additions and 7 deletions
Show Stats Expand all files Collapse all files

6
new_index.html
View File

@ -51,7 +51,7 @@
</div>
<div id="sidebar_social">
<a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
<picture class="social_icon" >
<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">
@ -60,14 +60,14 @@
</picture>
</a>
<a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener">
<picture class="social_icon" >
<picture>
<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">
<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 class="social_icon" >
<picture>
<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">
<img src="/images/social-icons/gh_white_64.png" alt="Github Logo">

9
style/new_style.css
View File

@ -139,14 +139,15 @@ body {
}
#sidebar_social {
position: absolute;
display: flex;
bottom: 50px;
width: 100%;
margin: auto;
text-align: center;
justify-content: center;
}
.social_icon img {
max-width: 120px;
width: 20%;
#sidebar_social img {
width: 12vw;
max-width: 50px;
}
@media screen and (min-height: 600px){#sidebar_social img{margin-bottom:40px}}
@media screen and (max-height: 310px){#sidebar_social{display:none}}