From ad33aad17304d28cae4a69492312a14ea94c3fc3 Mon Sep 17 00:00:00 2001
From: "Reid \"reidlab" <reidlab325@gmail.com>
Date: Mon, 21 Oct 2024 18:40:07 -0700
Subject: [PATCH] new look for intro and layout colors

---
 src/components/Intro.astro | 14 ++++++-------
 src/layouts/Layout.astro   | 40 +++++++++++++++++++-------------------
 2 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/components/Intro.astro b/src/components/Intro.astro
index 2224bc9..bc1ed08 100644
--- a/src/components/Intro.astro
+++ b/src/components/Intro.astro
@@ -4,7 +4,7 @@
 <div class="load" aria-hidden="true">
     <div class="load2">
         <div class="load3">
-            <div class="loading">welcome...</div>
+            <div class="loading">welcome!</div>
         </div>
     </div>
 </div>
@@ -15,7 +15,7 @@
         height: 100vh;
         z-index: 101;
         background-color: #181818;
-        animation: .8s cubic-bezier(0.32, 0, 0.67, 0) .6s loader forwards;
+        animation: .7s cubic-bezier(0.33, 0, 0.66, 0) .45s loader forwards;
     }
 
     .load2 {
@@ -23,8 +23,8 @@
         width: 100vw;
         height: 100vh;
         z-index: 102;
-        background: linear-gradient(165deg, rgba(142,241,255,1) 0%, rgba(193,87,221,1) 28%, rgba(155,153,255,1) 71%, rgba(223,193,255,1) 100%);
-        animation: .8s cubic-bezier(0.32, 0, 0.67, 0) .55s loader forwards;
+        background: linear-gradient(165deg, #de8155 0%, #f4d27a 33%, #5f7ddb 66%, #9161da 100%);
+        animation: .7s cubic-bezier(0.33, 0, 0.66, 0) .4s loader forwards;
     }
 
     .load3 {
@@ -34,17 +34,17 @@
         height: 100vh;
         z-index: 103;
         background-color: #181818;
-        animation: .8s cubic-bezier(0.32, 0, 0.67, 0) .5s loader forwards;
+        animation: .7s cubic-bezier(0.33, 0, 0.66, 0) .35s loader forwards;
     }
 
     .loading {
         position: absolute;
         bottom: 50%;
-        text-align: center;
+        padding-left: 1em;
         width: 100vw;
         color: #eeeeee;
         font-style: italic;
-        font-size: clamp(0px, calc(4vw), 99em);
+        font-size: 3em;
         user-select: none;
         z-index: 104;
     }
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 8aa9ee6..3b78e55 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -73,27 +73,27 @@ import "../styles/main.css";
 
     .container {
         background: linear-gradient(
+                290deg,
+                #9161da,
+                #772089 30%,
+                transparent 0%
+            ),
+            linear-gradient(
+                285deg,
+                #9161da,
+                #5b53c4 45%,
+                transparent 0%
+            ),
+            linear-gradient(
+                280deg,
+                #864364,
+                #cf8293 55%,
+                transparent 0%
+            ),
+            linear-gradient(
                 275deg,
-                #f38ba8,
-                #eba0ac 30%,
-                transparent 0%
-            ),
-            linear-gradient(
-                260deg,
-                #74c7ec,
-                #89b4fa 45%,
-                transparent 0%
-            ),
-            linear-gradient(
-                270deg,
-                #fab387,
-                #f9e2af 55%,
-                transparent 0%
-            ),
-            linear-gradient(
-                265deg,
-                #a6e3a1,
-                #94e2d5 70%,
+                #de8155,
+                #e4ae8f 70%,
                 transparent 0%),
             #181818;
         background-attachment: fixed;