From 7aa70cd5648e52f6be5265354157ade17edcf8c1 Mon Sep 17 00:00:00 2001
From: nullprop <git@nullprop.sh>
Date: Sat, 4 Nov 2023 22:37:01 +0200
Subject: [PATCH] 100% size canvas, add loading text

---
 index.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
diff --git a/index.html b/index.html
index 228f840..993ef5c 100644
--- a/index.html
+++ b/index.html
@@ -9,15 +9,29 @@
     <style>
         canvas {
             background-color: black;
+            display: block;
+            width: 100%;
+            height: 100%;
+            min-width: 4px;
+            min-height: 4px;
+        }
+        #loading {
+            color: white;
+            position: absolute;
+            top: 50%;
+            right: 50%;
+            z-index: 100;
         }
     </style>
 </head>
 
 <body style="margin: 0; padding: 0">
+    <h1 id="loading">Loading...</h1>
     <script type="module">
         import init from "./pkg/wgpu_renderer.js";
         init().then(() => {
             console.log("WASM Loaded");
+            document.getElementById("loading")?.remove();
         });
     </script>
 </body>
