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> <script src="/js/navbar.js"></script>
<div id="menubar_logo"> <div id="menubar_logo">
<picture> <picture>
<source srcset="/images/logo/full-20.jxl" type="image/jxl"> <source media="(min-width: 270px)" 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.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"> <img src="/images/logo/full-20.png" alt="Fred Boniface logo">
</picture> </picture>
</div> </div>