forked from rDrama/rDrama
fix "upsidedown" award
parent
678faa9e73
commit
f40e6b9564
|
@ -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%;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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": {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue