parent
220daf93c1
commit
2109d74cee
4 changed files with 42 additions and 35 deletions
|
@ -82,7 +82,7 @@ function converter(html, query) {
|
|||
|
||||
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]
|
||||
|
||||
|
|
|
@ -5,8 +5,6 @@
|
|||
the whole site!
|
||||
*/
|
||||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Rubik';
|
||||
|
@ -53,38 +51,11 @@ 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(10, 10, 75);
|
||||
background: linear-gradient(rgb(10, 10, 75), black);
|
||||
background-color: rgb(55, 4, 75);
|
||||
background: linear-gradient(rgb(40, 4, 75), black);
|
||||
|
||||
background-attachment: local;
|
||||
|
||||
|
|
|
@ -11,9 +11,7 @@
|
|||
}
|
||||
|
||||
#card {
|
||||
/* background-color: rgba(20, 5, 90); */
|
||||
background-color: rgba(50, 0, 90, 0.5);
|
||||
backdrop-filter: blur(5px);
|
||||
background-color: rgba(20, 5, 90);
|
||||
padding: 15px;
|
||||
border: 2px white solid;
|
||||
margin: 20px auto;
|
||||
|
|
|
@ -5,6 +5,44 @@ 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
|
||||
|
|
Loading…
Reference in a new issue