redesign #1

Merged
fred.boniface merged 115 commits from redesign into main 2022-10-29 20:12:58 +01:00
2 changed files with 23 additions and 16 deletions
Showing only changes of commit 672e61849d - Show all commits

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">
<a 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.webp" type="image/webp">
<source srcset="/images/social-icons/500px_seek_58.jxl" type="image/jxl"> <source srcset="/images/social-icons/500px_seek_58.jxl" type="image/jxl">
<source srcset="/images/social-icons/500px_seek_58.webp" type="image/webp"> <source srcset="/images/social-icons/500px_seek_58.webp" type="image/webp">
<img src="/images/social-icons/500px_seek_58.png" alt="500px Logo"> <img src="/images/social-icons/500px_seek_114.png" alt="500px Logo">
</picture> </picture>
</a>
<a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"></a>
<picture> <picture>
<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 href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
<picture> <picture>
<source srcset="/images/social-icons/gh_white_64.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"> <img src="/images/social-icons/gh_white_64.png" alt="Github Logo">
</picture> </picture>
</a>
</div> </div>
</div> </div>
<div class="content show_micro"> <div class="content show_micro">

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%;