Violet/Violets-Purgatory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Keeping rain theme, removing rain

Browse source
This commit is contained in:
Violet 2024-03-19 18:07:30 +00:00 committed by GitHub
parent 6b1e1ea7ad
commit 220daf93c1
4 changed files with 35 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
pageUpdater.js
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 = ["rain"] var weathers = ["none"]
var weather = weathers[time.getDate() % weathers.length] var weather = weathers[time.getDate() % weathers.length]

33
static/global.css
View file

@ -5,6 +5,8 @@
the whole site! the whole site!
*/ */
@font-face { @font-face {
font-display: swap; font-display: swap;
font-family: 'Rubik'; font-family: 'Rubik';
@ -51,11 +53,38 @@ 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;

4
static/root.css
View file

@ -11,7 +11,9 @@
} }
#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;

38
weatherGenerator.js
View file

@ -5,44 +5,6 @@ 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