Sneaky addition of the Hydra Synth (performance?)

index.html

@@ -7,6 +7,7 @@
     <title>Topos</title>
     <link rel="stylesheet" href="/src/output.css" />
     <link rel="stylesheet" href='/fonts/index.css' >
+    <script src="https://unpkg.com/hydra-synth"></script>
   </head>
   <style>
 
@@ -21,6 +22,19 @@
       padding: 0;
     }
 
+    #hydra-bg {
+      position: fixed; /* ignore margins */
+      top: 0px;
+      left: 0px;
+      width: 100%; /* fill screen */
+      height: 100%;
+      background-size: cover;
+      overflow-y: hidden;
+      z-index: -1; /* place behind everything else */
+      display: block;
+    }
+
+
 		details br {
 			display: none;
 		}
@@ -306,6 +320,7 @@
          </ul>
          <!-- Here comes the editor itself -->
           <div id="editor" class="relative flex flex-row h-screen overflow-y-hidden">
+            <canvas id="hydra-bg"></canvas>
 					</div>
           <p id="error_line" class="hidden text-red-400 w-screen bg-neutral-900 font-mono absolute bottom-0 pl-2 py-2">Hello kids</p>
         </div>