From 30e1401fa91b37c0af7ce92d487f50d6be73e6ae Mon Sep 17 00:00:00 2001
From: KorbsStudio <ks@korbsstudio.com>
Date: Tue, 7 Feb 2023 16:49:05 -0500
Subject: [PATCH] Update comments and animation for Splash

---
 astro/config.ts          |  4 ++--
 astro/styles/splash.scss | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/astro/config.ts b/astro/config.ts
index 77b76e9..7c29f56 100644
--- a/astro/config.ts
+++ b/astro/config.ts
@@ -8,8 +8,8 @@ export const APP = [{
 // Splash
 export const SPLASH = [
     {
-        loading: "Spinner", // "Spinner" "Pulse" "ProgressBar" "LogoOnly" "None"
-        background: "#121212"
+        loading: "Spinner", // "Spinner" "ProgressBar" "JumpingBalls" "GlowingBars"
+        background: "#232323"
     }
 ]
 
diff --git a/astro/styles/splash.scss b/astro/styles/splash.scss
index aa48ba1..68cf083 100644
--- a/astro/styles/splash.scss
+++ b/astro/styles/splash.scss
@@ -1,3 +1,18 @@
+@keyframes splash {
+    0% {
+        opacity: 1;
+        pointer-events: all;
+    }
+    90% {
+        opacity: 1;
+        pointer-events: all;
+    }
+    100% {
+        opacity: 0;
+        pointer-events: none;
+    }
+}
+
 .splash {
     position: fixed;
     z-index: 100;
@@ -6,6 +21,9 @@
     left: 0px;
     width: 100%;
     height: 100%;
+    opacity: 0;
+    pointer-events: none;
+    animation: 2.4s splash ease-in-out;
     .splash-content {
         position: fixed;
         top: 50%;