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)
|
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]
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue