EH

public/static/style/main.css

@@ -3,13 +3,14 @@ html, body {
 }
 
 body {
-    background: darkblue;
+    background-color: darkblue;
     background: url('../img/99.png');
     font-weight: bold;
     text-align: center;
     color: white;
     line-height: 1.5;
     font-family: serif;
+    image-rendering: pixelated;
 }
 
 hr {
@@ -33,8 +34,8 @@ img {
 pre, code {
     margin: auto;
     font-family: monospace;
-    background: darkblue;
-    border: 4px double yellow;
+    background: black;
+    color: greenyellow;
     padding: 8px;
     max-width: min-content;
     display: block;

views/templates/header.php

@@ -22,9 +22,16 @@ function special_events(): string {
     <?php endif; ?> 
 
     <header>
-        <audio controls>
-            <source src="http://radio.hbr1.com/stream/trance.ogg" type="audio/ogg">
-        </audio>
+
+        <div id="radio"></div>
+        <script>
+            // some browsers (cough cough safari) dont like the live broadcast and so just keeps loading forever
+            window.addEventListener('load', function () {
+                radio.innerHTML = `
+                    <audio controls autoplay preload="none"><source src="http://radio.hbr1.com/stream/trance.ogg" type="audio/ogg"></audio>
+                `;
+            });
+        </script>
 
         <br>
         <br>