Title image size and format options. Closes #35

index.php

@@ -26,6 +26,10 @@
       <br>
       <br>
 
+      <h2 hidden>Server Maintenance</h2>
+      <p hidden>Athena may be completely or partially unavailable between 1900-2300 on 07/10/2022, 
+         apologies for any inconvinience caused to you.</p>
+
     <h2>Quick Links</h2>
       <button class="actionbutton" onclick="gotoInfoBoard('bathspa')">BTH</button>
       <button class="actionbutton" onclick="gotoInfoBoard('brstltm')">BRI</button>

page-blocks/title-image.php

@@ -1,3 +1,9 @@
-<?php
+<picture>
-
+  <source media="(max-width:1000px)" srcset="/assets/title/title_355.jxl" type="image/jxl">
-echo '<a href="/"><img class="titleimg" src="/assets/title/title.webp"></img></a>';
+  <source media="(max-width:1000px)" srcset="/assets/title/title_355.jxl" type="image/webp">
+  <source media="(max-width:1000px)" srcset="/assets/title/title_355.jxl" type="image/png">
+  <source srcset="/assets/title/title_600.jxl" type="image/jxl">
+  <source srcset="/assets/title/title_600.webp" type="image/webp">
+  <source srcset="/assets/title/title_600.png" type="image/png">
+  <img src="/assets/title/title_600.png" alt="Athena Owl Logo">
+</picture>