Remove weather
This commit is contained in:
parent
2899126ff2
commit
ed33f4b7be
2 changed files with 2 additions and 118 deletions
|
@ -2,8 +2,8 @@ const path = require('path'),
|
|||
fs = require('fs'),
|
||||
WebSocket = require('ws'),
|
||||
minify = require('minify-html'),
|
||||
activityToHTML = require("./overcomplicatedStatuses.js"),
|
||||
weatherGenerator = require("./weatherGenerator")
|
||||
activityToHTML = require("./overcomplicatedStatuses.js")
|
||||
// weatherGenerator = require("./weatherGenerator")
|
||||
|
||||
var config = JSON.parse(fs.readFileSync(path.join(__dirname, 'config.json')))
|
||||
|
||||
|
@ -121,19 +121,6 @@ function converter(html, query) {
|
|||
|
||||
html = html.substring(0, html.indexOf("<body>")) + bodyHTML + html.substring(html.indexOf("</body>") + 7)
|
||||
|
||||
var weathers = ["none"]
|
||||
|
||||
var weather = weathers[time.getDate() % weathers.length]
|
||||
|
||||
if (weather == "rain" || "rain" in query || "hardRain" in query) {
|
||||
html = html.replaceAll("{WEATHER_MODIFIER}", weatherGenerator.makeRain("hardRain" in query))
|
||||
|
||||
html = html.replaceAll("{WEATHER_TEXT}", `The rain is so pretty... <a href="?hardRain">I wish I saw it more...</a>`)
|
||||
} else {
|
||||
html = html.replaceAll("{WEATHER_MODIFIER}", "")
|
||||
html = html.replaceAll("{WEATHER_TEXT}", "")
|
||||
}
|
||||
|
||||
html = html.replaceAll("{LOAD_TIME}", (Date.now() - startTime).toString() + "ms")
|
||||
|
||||
return html
|
||||
|
|
|
@ -1,103 +0,0 @@
|
|||
module.exports = {
|
||||
|
||||
makeRain: function (hardRain) {
|
||||
var html = ""
|
||||
|
||||
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 = 7
|
||||
|
||||
var iterationReducer = 3
|
||||
|
||||
if (hardRain) {
|
||||
amount = 100
|
||||
}
|
||||
|
||||
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.random() * 0.3) + (5 - iterationReducer)}s linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-delay: ${Math.round(Math.random() * 100) / 100}s;
|
||||
}
|
||||
`
|
||||
var randos = []
|
||||
for (let index = 0; index < 11; index++) {
|
||||
randos.push(Math.round(Math.random() * 100))
|
||||
}
|
||||
|
||||
html += `@keyframes rainAnim${index} { `
|
||||
|
||||
for (let index = 0; index < (iterationReducer * -3.5) + 14.5; index++) {
|
||||
html += `
|
||||
${index * iterationReducer}0% {
|
||||
top: 110vh;
|
||||
right: ${randos[index]}%;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
${index * iterationReducer}0.1% {
|
||||
top: -10vh;
|
||||
right: ${randos[index + 1]}%;
|
||||
visibility: hidden;
|
||||
}
|
||||
${index * iterationReducer}0.2% {
|
||||
visibility: visible;
|
||||
}
|
||||
`
|
||||
}
|
||||
// console.log(html)
|
||||
|
||||
html += `90.3% { visibility: hidden; }`
|
||||
|
||||
html += `}`
|
||||
|
||||
}
|
||||
html += "</style>"
|
||||
html += "</div></div>"
|
||||
|
||||
return html
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue