forked from rDrama/rDrama
1
0
Fork 0

fix "upsidedown" award

master
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 */ /* Spiders */
.spider:nth-child(odd) { .spider:nth-child(odd) {
animation-name: swingFast; animation-name: swingFast;
@ -524,12 +500,6 @@ body::after {
font-weight: initial; font-weight: initial;
} }
/* Upsidedown */
#canvas {
position: absolute;
pointer-events: none;
}
/* Bones */ /* Bones */
#bones-container { #bones-container {
margin-top: -5%; margin-top: -5%;

View File

@ -4,11 +4,19 @@ body {
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
background-color: #000; background-color: #000;
filter: sepia(100%) hue-rotate(180deg) saturate(300%);
box-shadow: 0 0 900px rgba(0, 0, 0, 0.9) inset; box-shadow: 0 0 900px rgba(0, 0, 0, 0.9) inset;
overflow-x: hidden; 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 { canvas.particles {
pointer-events: none; pointer-events: none;
position: fixed; position: fixed;

View File

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

View File

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

View File

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