revert Keeping rain theme, removing rain
This commit is contained in:
Bingus_Violet 2024-03-19 22:07:22 +00:00
parent 220daf93c1
commit 2109d74cee
4 changed files with 42 additions and 35 deletions

View file

@ -82,7 +82,7 @@ function converter(html, query) {
html = html.substring(0, html.indexOf("<body>")) + bodyHTML + html.substring(html.indexOf("</body>") + 7) html = html.substring(0, html.indexOf("<body>")) + bodyHTML + html.substring(html.indexOf("</body>") + 7)
var weathers = ["none"] var weathers = ["rain"]
var weather = weathers[time.getDate() % weathers.length] var weather = weathers[time.getDate() % weathers.length]

View file

@ -5,8 +5,6 @@
the whole site! the whole site!
*/ */
@font-face { @font-face {
font-display: swap; font-display: swap;
font-family: 'Rubik'; font-family: 'Rubik';
@ -53,38 +51,11 @@ main:nth-of-type(1) {
margin: auto; 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 { body {
overflow-x: hidden; overflow-x: hidden;
/* background-color: rgb(55, 4, 75); background-color: rgb(55, 4, 75);
background: linear-gradient(rgb(40, 4, 75), black); */ 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; background-attachment: local;

View file

@ -11,9 +11,7 @@
} }
#card { #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; padding: 15px;
border: 2px white solid; border: 2px white solid;
margin: 20px auto; margin: 20px auto;

View file

@ -5,6 +5,44 @@ module.exports = {
html += `<div class="rainStuff"><div class="rainContainer">` html += `<div class="rainStuff"><div class="rainContainer">`
html +=
`
<style>
#card {
background-color: rgba(50, 0, 90, 0.5);
backdrop-filter: blur(5px);
}
.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 {
background: linear-gradient(rgb(10, 10, 75), black);
}
</style>
`
var amount = 10 var amount = 10
var iterationReducer = 3 var iterationReducer = 3