From 9790b71264e6bdee0f4f2ba34553d0da5f73c0d4 Mon Sep 17 00:00:00 2001
From: Violet <violet@violets-purgatory.dev>
Date: Mon, 4 Mar 2024 17:12:08 +0000
Subject: [PATCH] Change card with rain event

---
 static/root.css     |  3 +--
 weatherGenerator.js | 10 +++++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/static/root.css b/static/root.css
index 3986f55..a3cc8a6 100644
--- a/static/root.css
+++ b/static/root.css
@@ -11,8 +11,7 @@
 }
 
 #card {
-    background-color: rgba(25, 5, 80, 0.5);
-    backdrop-filter: blur(10px);
+    background-color: rgba(20, 5, 90);
     padding: 15px;
     border: 2px white solid;
     margin: 20px auto;
diff --git a/weatherGenerator.js b/weatherGenerator.js
index a99dbac..55e2340 100644
--- a/weatherGenerator.js
+++ b/weatherGenerator.js
@@ -8,6 +8,10 @@ module.exports = {
         html +=
             `
     <style>
+        #card {
+            background-color: rgba(45, 5, 120, 0.2);
+            backdrop-filter: blur(5px);
+        }
         .rainStuff {
             position: sticky;
             top: 0;
@@ -28,7 +32,7 @@ module.exports = {
             position: absolute;
             width: 5px;
             backdrop-filter: blur(5px);
-            background-color: rgba(0, 0, 255, 0.1);
+            background-color: rgba(0, 0, 255, 0.2);
             height: 10vh;
             visibility: hidden;
         }
@@ -57,12 +61,12 @@ module.exports = {
             .rainDrop:nth-of-type(${index + 1}) {
                 animation: rainAnim${index} ${(Math.random() * 0.3) + (5 - iterationReducer)}s linear;
                 animation-iteration-count: infinite;
-                animation-delay: ${Math.random()}s;
+                animation-delay: ${Math.round(Math.random() * 100) / 100}s;
             }
             `
             var randos = []
             for (let index = 0; index < 11; index++) {
-                randos.push(Math.random() * 100)
+                randos.push(Math.round(Math.random() * 100))
             }
 
             html += `@keyframes rainAnim${index} {    `