84 lines
No EOL
1.8 KiB
JavaScript
84 lines
No EOL
1.8 KiB
JavaScript
function rain() {
|
|
var html = ""
|
|
|
|
html += `<link rel="stylesheet" type="text/css" href="/themes/rain/style.css">`
|
|
|
|
html += `<div class="rainStuff"><div class="rainContainer">`
|
|
|
|
var amount = 7
|
|
|
|
for (let index = 0; index < amount; index++) {
|
|
html += `<div class="rainDrop"></div>`
|
|
}
|
|
html += "<style>"
|
|
for (let index = 0; index < amount; index++) {
|
|
html += `
|
|
.rainDrop:nth-of-type(${index + 1}) {
|
|
animation: rainAnim${index} ${((Math.round(Math.random() * 10) / 10) * 0.3) + 0.6}s linear;
|
|
animation-delay: ${Math.round(Math.random() * 200) / 100}s;
|
|
animation-iteration-count: infinite;
|
|
animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
|
|
}
|
|
`
|
|
|
|
var pos = 0
|
|
|
|
if (index % 2 == 0) {
|
|
pos = Math.random() * 30
|
|
} else {
|
|
pos = (Math.random() * 30) + 70
|
|
}
|
|
|
|
pos = Math.round(pos)
|
|
|
|
html += `@keyframes rainAnim${index} { `
|
|
html += `
|
|
0% {
|
|
top: -20vh;
|
|
right: ${pos}%;
|
|
visibility: visible;
|
|
}
|
|
|
|
90% {
|
|
top: 110vh;
|
|
right: ${pos}%;
|
|
visibility: visible;
|
|
}
|
|
90.1% {
|
|
visibility: hidden;
|
|
}
|
|
`
|
|
|
|
html += `}`
|
|
|
|
}
|
|
html += "</style>"
|
|
html += "</div></div>"
|
|
|
|
return html
|
|
}
|
|
|
|
function halloween() {
|
|
var html = ""
|
|
|
|
html += `<link rel="stylesheet" type="text/css" href="/themes/halloween/style.css">`
|
|
|
|
return html
|
|
}
|
|
|
|
module.exports = {
|
|
returnTheme: function() {
|
|
var time = new Date()
|
|
|
|
if (time.getMonth() + 1 == 10) {
|
|
return halloween()
|
|
}
|
|
|
|
else if (time.getDate() % 10 == 0) {
|
|
return rain()
|
|
}
|
|
|
|
return ""
|
|
},
|
|
|
|
} |