Fix positioning

jamesbvaughan · Oct 18, 2024 · fd6f75c · fd6f75c
1 parent 178c709
commit fd6f75c
Showing 1 changed file with 14 additions and 15 deletions.
diff --git a/draw-text.html b/draw-text.html
@@ -16,7 +16,19 @@
         justify-content: space-between;
       "
     >
-      <div>
+      <div
+        id="drawingCanvas"
+        style="
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          overflow: hidden;
+        "
+      ></div>
+
+      <div style="z-index: 1">
         <header>
           <h1>
             <a href="/">james.land</a>
@@ -33,23 +45,10 @@ <h2>draw text</h2>
         </main>
       </div>
 
-      <footer>
+      <footer style="z-index: 1">
         Made by
         <a href="https://jamesbvaughan.com">James Vaughan</a>
       </footer>
-
-      <div
-        id="drawingCanvas"
-        style="
-          position: absolute;
-          top: 0;
-          left: 0;
-          right: 0;
-          bottom: 0;
-          zindex: -1;
-          overflow: hidden;
-        "
-      ></div>
     </div>
 
     <script type="module">