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

33
static/global.css
View file

@ -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;

4
static/root.css
View file

@ -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;

38
weatherGenerator.js
View file

@ -5,44 +5,6 @@ module.exports = {
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 iterationReducer = 3