From 31befc12e2633fc9c86c9cbaae92dffc6b07b503 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 12 Jun 2024 15:11:16 +0000
Subject: fix(index.html): only show image after setting

---
 index.html | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 7f18631..32e7cde 100644
--- a/index.html
+++ b/index.html
@@ -171,6 +171,7 @@
           margin: 0;
           border-radius: 0;
           z-index: -1;
+          display: none;
         }
       }
     </style>
@@ -230,12 +231,7 @@
       </div>
     </main>
 
-    <img
-      src="https://i.imgur.com/efamPLp.png"
-      alt="Mascot"
-      class="mascot"
-      title="Mascot"
-    />
+    <img src="" alt="Mascot" class="mascot" title="Mascot" />
 
     <script>
       let inputTimeout;
@@ -309,6 +305,7 @@
       document.querySelector(".mascot").src = randomMascot.image;
       document.querySelector(".mascot").alt = randomMascot.name;
       document.querySelector(".mascot").title = randomMascot.name;
+      document.querySelector(".mascot").style.display = "block";
     </script>
   </body>
 </html>
-- 
cgit v1.2.3