From 82936aed382c67280a929f3738f94bc0e172d245 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 18 Sep 2024 03:37:59 +0300
Subject: cleanup, styles, fox random, and better "animation" for orz

---
 src/App.scss                      |   3 +--
 src/assets/pleromatan_apology.png | Bin 405742 -> 35 bytes
 src/main.js                       |  23 +++++++++++++----------
 3 files changed, 14 insertions(+), 12 deletions(-)
 mode change 100644 => 120000 src/assets/pleromatan_apology.png

(limited to 'src')

diff --git a/src/App.scss b/src/App.scss
index 5e7d3656..d5bb6469 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -954,8 +954,7 @@ option {
 
     &.dead {
       animation-name: dead;
-      animation-duration: 3s;
-      // animation-iteration-count: 1;
+      animation-duration: 2s;
       animation-iteration-count: 1;
       transform: rotateX(90deg) rotateY(0) rotateZ(-45deg);
     }
diff --git a/src/assets/pleromatan_apology.png b/src/assets/pleromatan_apology.png
deleted file mode 100644
index 36ad7aeb..00000000
Binary files a/src/assets/pleromatan_apology.png and /dev/null differ
diff --git a/src/assets/pleromatan_apology.png b/src/assets/pleromatan_apology.png
new file mode 120000
index 00000000..a7f6191f
--- /dev/null
+++ b/src/assets/pleromatan_apology.png
@@ -0,0 +1 @@
+../../static/pleromatan_apology.png
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 4ccdabb9..81fa09db 100644
--- a/src/main.js
+++ b/src/main.js
@@ -48,16 +48,6 @@ const i18n = createI18n({
 
 messages.setLanguage(i18n.global, currentLocale)
 
-const splashError = (i18n, e) => {
-  document.querySelector('#mascot').src = (Math.floor(Math.random() * 2) > 0)
-    ? '/static/pleromatan_orz_fox.png'
-    : '/static/pleromatan_orz.png'
-  document.querySelector('#mascot').classList.add('orz')
-  document.querySelector('#throbber').classList.add('dead')
-  document.querySelector('#status').textContent = i18n.global.t('splash.error')
-  console.error('PleromaFE failed to initialize: ', e)
-}
-
 const persistedStateOptions = {
   paths: [
     'serverSideStorage.cache',
@@ -68,6 +58,18 @@ const persistedStateOptions = {
 };
 
 (async () => {
+  const isFox = Math.floor(Math.random() * 2) > 0 ? '_fox' : ''
+
+  const splashError = (i18n, e) => {
+    const throbber = document.querySelector('#throbber')
+    throbber.addEventListener('animationend', () => {
+      document.querySelector('#mascot').src = `/static/pleromatan_orz${isFox}.png`
+    })
+    throbber.classList.add('dead')
+    document.querySelector('#status').textContent = i18n.global.t('splash.error')
+    console.error('PleromaFE failed to initialize: ', e)
+  }
+
   try {
     let storageError
     const plugins = [pushNotifications]
@@ -78,6 +80,7 @@ const persistedStateOptions = {
       console.error('Storage error', e)
       storageError = e
     }
+    document.querySelector('#mascot').src = `/static/pleromatan_apology${isFox}.png`
     document.querySelector('#status').removeAttribute('class')
     document.querySelector('#status').textContent = i18n.global.t('splash.loading')
     document.querySelector('#splash-credit').textContent = i18n.global.t('update.art_by', { linkToArtist: 'pipivovott' })
-- 
cgit v1.2.3-70-g09d2