From c9f5313f918cc3e904799f996c9c69fbb50929c3 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Wed, 19 Oct 2022 12:09:21 +0100
Subject: [PATCH] Show short logo in menubar on very small screens

---
 new_index.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/new_index.html b/new_index.html
index 985b6f1..553896d 100644
--- a/new_index.html
+++ b/new_index.html
@@ -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>