From e004c4e087d4cf977a3fb713f5441c92028b83b6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 18 Sep 2024 21:33:20 +0300
Subject: [PATCH 1/2] remove splash when it's done

---
 src/App.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/App.js b/src/App.js
index d2dd35c7c..e87108dd9 100644
--- a/src/App.js
+++ b/src/App.js
@@ -146,7 +146,11 @@ export default {
     },
     removeSplash () {
       document.querySelector('#status').textContent = this.$t('splash.fun_' + Math.ceil(Math.random() * 4))
-      document.querySelector('#splash').classList.add('hidden')
+      const splashscreenRoot = document.querySelector('#splash')
+      splashscreenRoot.addEventListener('transitionend', () => {
+        splashscreenRoot.remove()
+      })
+      splashscreenRoot.classList.add('hidden')
       document.querySelector('#app').classList.remove('hidden')
     }
   }

From 80e8ea6feac6917f12b3f297b3d2595f894f698e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 18 Sep 2024 21:35:10 +0300
Subject: [PATCH 2/2] re-align the mascot container

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index b5116b25f..461f5acc1 100644
--- a/index.html
+++ b/index.html
@@ -58,7 +58,7 @@
        display: grid;
        width: calc(5em * 0.5 * var(--scale));
        height: calc(8em * 0.5 * var(--scale));
-       margin-left: 5.1em;
+       margin-left: 4.1em;
        z-index: 2;
        grid-template-rows: repeat(8, 1fr);
        grid-template-columns: repeat(5, 1fr);
@@ -93,7 +93,7 @@
      }
 
      #status {
-       margin-top: 0.5em;
+       margin-top: 1em;
        line-height: 2;
        width: 100%;
        text-align: center;