From b0f210305276a022f7b9d0868599fa2363769a80 Mon Sep 17 00:00:00 2001 From: bingus_violet Date: Thu, 11 Jan 2024 18:09:32 +0000 Subject: [PATCH] Remove snow from main --- index.js | 43 +------------ static/snow.html | 155 +++++++++++++++++++++++++++++++++++++++++++++++ static/style.css | 154 ---------------------------------------------- 3 files changed, 156 insertions(+), 196 deletions(-) create mode 100644 static/snow.html diff --git a/index.js b/index.js index d6edb9f..922d3ef 100644 --- a/index.js +++ b/index.js @@ -227,48 +227,7 @@ function pageUpdate() { currentMonth = now.getMonth() + 1 if ([11, 12].includes(currentMonth)) { // The Below HTML is copy and pasted from that one site :> - html = html.replace("{SEASONAL_EFFECT}", ` - -
-

I love the winter :>

-`) + html = html.replace("{SEASONAL_EFFECT}", fs.readFileSync(path.join(__dirname, 'static/snow.html'))) } else { html = html.replace("{SEASONAL_EFFECT}", "") } diff --git a/static/snow.html b/static/snow.html new file mode 100644 index 0000000..256de59 --- /dev/null +++ b/static/snow.html @@ -0,0 +1,155 @@ + \ No newline at end of file diff --git a/static/style.css b/static/style.css index 43b1476..87181c1 100644 --- a/static/style.css +++ b/static/style.css @@ -281,158 +281,4 @@ hr { opacity: 1; transform: none; } -} - -.snowflake { - color: white; - font-size: 0.5em; - font-family: Arial, sans-serif; - text-shadow: 0 0 5px #000; - visibility: hidden; -} - -.snowflake, -.snowflake .inner { - z-index: 1; - animation-iteration-count: infinite; - animation-play-state: running -} - -@keyframes snowflakes-fall { - 0% { - visibility: visible; - transform: translateY(0) - } - - 100% { - visibility: visible; - transform: translateY(110vh) - } -} - -@keyframes snowflakes-shake { - - 0%, - 100% { - transform: translateX(0) - } - - 50% { - transform: translateX(80px) - } -} - -.snowflake { - position: fixed; - top: -10%; - -webkit-user-select: none; - user-select: none; - cursor: default; - animation-name: snowflakes-shake; - animation-delay: 0.5s; - animation-duration: 3s; - animation-timing-function: ease-in-out -} - -.snowflake .inner { - animation-duration: 10s; - animation-delay: 0.5s; - animation-name: snowflakes-fall; - animation-timing-function: linear -} - -.snowflake:nth-of-type(0) { - left: 1%; - animation-delay: 0s -} - -.snowflake:nth-of-type(0) .inner { - animation-delay: 0s -} - -.snowflake:first-of-type { - left: 10%; - animation-delay: 1s -} - -.snowflake:first-of-type .inner, -.snowflake:nth-of-type(8) .inner { - animation-delay: 1s -} - -.snowflake:nth-of-type(2) { - left: 20%; - animation-delay: .5s -} - -.snowflake:nth-of-type(2) .inner, -.snowflake:nth-of-type(6) .inner { - animation-delay: 6s -} - -.snowflake:nth-of-type(3) { - left: 30%; - animation-delay: 2s -} - -.snowflake:nth-of-type(11) .inner, -.snowflake:nth-of-type(3) .inner { - animation-delay: 4s -} - -.snowflake:nth-of-type(4) { - left: 40%; - animation-delay: 2s -} - -.snowflake:nth-of-type(10) .inner, -.snowflake:nth-of-type(4) .inner { - animation-delay: 2s -} - -.snowflake:nth-of-type(5) { - left: 50%; - animation-delay: 3s -} - -.snowflake:nth-of-type(5) .inner { - animation-delay: 8s -} - -.snowflake:nth-of-type(6) { - left: 60%; - animation-delay: 2s -} - -.snowflake:nth-of-type(7) { - left: 70%; - animation-delay: 1s -} - -.snowflake:nth-of-type(7) .inner { - animation-delay: 2.5s -} - -.snowflake:nth-of-type(8) { - left: 80%; - animation-delay: 0s -} - -.snowflake:nth-of-type(9) { - left: 90%; - animation-delay: 1.5s -} - -.snowflake:nth-of-type(9) .inner { - animation-delay: 3s -} - -.snowflake:nth-of-type(10) { - left: 25%; - animation-delay: 0s -} - -.snowflake:nth-of-type(11) { - left: 65%; - animation-delay: 2.5s } \ No newline at end of file