Show short logo in menubar on very small screens

This commit is contained in:
Fred Boniface 2022-10-19 12:09:21 +01:00
parent c593451cbb
commit c9f5313f91

View File

@ -20,8 +20,11 @@
<script src="/js/navbar.js"></script>
<div id="menubar_logo">
<picture>
<source srcset="/images/logo/full-20.jxl" type="image/jxl">
<source srcset="/images/logo/full-20.webp" type="image/webp">
<source media="(min-width: 270px)" srcset="/images/logo/full-20.jxl" type="image/jxl">
<source media="(min-width: 270px)" srcset="/images/logo/full-20.webp" type="image/webp">
<source media="(min-width: 270px)" srcset="/images/logo/full-20.png" type="image/png">
<source media="(max-width: 270px)" srcset="/images/logo/short-20.jxl" type="image/jxl">
<source media="(max-width: 270px)" srcset="/images/logo/short-20.png" type="image/png">
<img src="/images/logo/full-20.png" alt="Fred Boniface logo">
</picture>
</div>