fix "upsidedown" award

pull/213/head
Aevann 2023-10-11 23:50:33 +03:00
parent 678faa9e73
commit f40e6b9564
5 changed files with 12 additions and 39 deletions

View File

@ -224,30 +224,6 @@ body::after {
}
}
@keyframes haunted-upsidedown {
0% {
backdrop-filter: brightness(20%) sepia(1) saturate(3) hue-rotate(180deg);
}
1% {
backdrop-filter: brightness(20%) sepia(1) saturate(3) hue-rotate(180deg);
}
2% {
backdrop-filter: sepia(1) contrast(1.5) brightness(200%) saturate(3) hue-rotate(180deg);
}
3% {
backdrop-filter: sepia(1) contrast(1.5) brightness(20%) saturate(3) hue-rotate(180deg);
}
4% {
backdrop-filter: brightness(300%) sepia(1) saturate(3) hue-rotate(180deg);
}
7% {
backdrop-filter: brightness(1) sepia(1) saturate(3) hue-rotate(180deg);
}
100% {
backdrop-filter: brightness(1) sepia(1) saturate(3) hue-rotate(180deg);
}
}
/* Spiders */
.spider:nth-child(odd) {
animation-name: swingFast;
@ -524,12 +500,6 @@ body::after {
font-weight: initial;
}
/* Upsidedown */
#canvas {
position: absolute;
pointer-events: none;
}
/* Bones */
#bones-container {
margin-top: -5%;

View File

@ -4,11 +4,19 @@ body {
background-size: cover;
background-attachment: fixed;
background-color: #000;
filter: sepia(100%) hue-rotate(180deg) saturate(300%);
box-shadow: 0 0 900px rgba(0, 0, 0, 0.9) inset;
overflow-x: hidden;
}
#post-root, .comment, .modal, .comment-box-wrapper, .comments-count, #desktop-sidebar {
filter: sepia(100%) hue-rotate(180deg) saturate(300%);
}
#canvas {
position: absolute;
pointer-events: none;
}
canvas.particles {
pointer-events: none;
position: fixed;

View File

@ -1,6 +1,5 @@
const thunder1 = new Audio(`/assets/events/homoween/audio/haunted/thunder1.mp3`)
const thunder2 = new Audio(`/assets/events/homoween/audio/haunted/thunder2.mp3`)
const is_upsidedown = localStorage.getItem('setting_upsidedown')
const div = document.getElementById("haunted-effect")
const stylesheet_haunted = document.createElement("link")
@ -23,11 +22,7 @@ setInterval(function(){
},14000)
function lightningStrike(strike) {
if(is_upsidedown == 'true'){
div.style.animation = "haunted-upsidedown 20s"
} else {
div.style.animation = "haunted 20s"
}
div.style.animation = "haunted 20s"
if(strike == "haunted"){
stylesheet_haunted.disabled = false

View File

@ -299,7 +299,7 @@ AWARDS = {
"deflectable": False,
"cosmetic": True,
"ghost": True,
"enabled": IS_HOMOWEEN() and SITE == 'devrama.net',
"enabled": IS_HOMOWEEN(),
"positive": True,
},
"flashlight": {

View File

@ -50,7 +50,7 @@
</div>
{% endif %}
{% if p.award_count("upsidedown", v) and SITE == 'devrama.net' %}
{% if p.award_count("upsidedown", v) %}
<canvas id="canvas"></canvas>
<link rel="stylesheet" href="{{'events/homoween/css/upsidedown.css' | asset}}">
<script defer src="{{'events/homoween/js/upsidedown.js' | asset}}"></script>