From 220daf93c1b18dcdd06fb927db04f2bb841f2612 Mon Sep 17 00:00:00 2001 From: Violet Date: Tue, 19 Mar 2024 18:07:30 +0000 Subject: [PATCH] Keeping rain theme, removing rain --- pageUpdater.js | 2 +- static/global.css | 33 +++++++++++++++++++++++++++++++-- static/root.css | 4 +++- weatherGenerator.js | 38 -------------------------------------- 4 files changed, 35 insertions(+), 42 deletions(-) diff --git a/pageUpdater.js b/pageUpdater.js index 78c4420..b07889c 100644 --- a/pageUpdater.js +++ b/pageUpdater.js @@ -82,7 +82,7 @@ function converter(html, query) { html = html.substring(0, html.indexOf("")) + bodyHTML + html.substring(html.indexOf("") + 7) - var weathers = ["rain"] + var weathers = ["none"] var weather = weathers[time.getDate() % weathers.length] diff --git a/static/global.css b/static/global.css index 1921889..f7b66bd 100644 --- a/static/global.css +++ b/static/global.css @@ -5,6 +5,8 @@ the whole site! */ + + @font-face { font-display: swap; font-family: 'Rubik'; @@ -51,11 +53,38 @@ main:nth-of-type(1) { margin: auto; } +.rainStuff { + position: sticky; + top: 0; + height: 0; + z-index: -5; +} + +.rainContainer { + height: 100vh; + width: 80vw; + top: 0px; + left: 10vw; + position: absolute; + overflow: hidden; +} + +.rainDrop { + position: absolute; + width: 5px; + backdrop-filter: blur(5px); + background-color: rgba(0, 0, 255, 0.2); + height: 10vh; + visibility: hidden; +} + body { overflow-x: hidden; - background-color: rgb(55, 4, 75); - background: linear-gradient(rgb(40, 4, 75), black); + /* background-color: rgb(55, 4, 75); + background: linear-gradient(rgb(40, 4, 75), black); */ + background-color: rgb(10, 10, 75); + background: linear-gradient(rgb(10, 10, 75), black); background-attachment: local; diff --git a/static/root.css b/static/root.css index 492cf3d..50abff0 100644 --- a/static/root.css +++ b/static/root.css @@ -11,7 +11,9 @@ } #card { - background-color: rgba(20, 5, 90); + /* background-color: rgba(20, 5, 90); */ + background-color: rgba(50, 0, 90, 0.5); + backdrop-filter: blur(5px); padding: 15px; border: 2px white solid; margin: 20px auto; diff --git a/weatherGenerator.js b/weatherGenerator.js index 0ba9417..62e0ada 100644 --- a/weatherGenerator.js +++ b/weatherGenerator.js @@ -5,44 +5,6 @@ module.exports = { html += `
` - html += - ` - - ` - var amount = 10 var iterationReducer = 3