remotes/1693045480750635534/spooky-22
kek7198 2021-12-11 11:47:18 -06:00
parent 9222fae684
commit 57088408b0
9 changed files with 105 additions and 15 deletions

View File

@ -1,7 +0,0 @@
{% set coalCount = p.award_count("coal") * 1 if p.award_count("snow") < 10 else 10 %}
{% for i in range(coalCount) %}
<div class="snowflake">
<img src="/assets/christmas/images/coal.gif" width="40" height="40" alt="animated coal icon"/>
</div>
{% endfor %}

View File

@ -0,0 +1,7 @@
{% set coalCount = p.award_count("coal") * 1 if p.award_count("snow") < 10 else 10 %}
{% for i in range(coalCount) %}
<div class="snowflake pointer-events-none">
<img src="/assets/christmas/images/GingerMarsey.png" width="40" height="40" alt="animated coal icon"/>
</div>
{% endfor %}

View File

@ -0,0 +1,90 @@
<!-- For use in Submission (threads) page only -->
<!-- Include in /templates/submission/submission.html -->
<!-- Requires `p` object -->
<img class="train1" src="/assets/images/emojis/marseytrain.webp">
{% if p.award_count("train") > 1 %}
<img class="train2" src="/assets/images/emojis/marseytrain.webp">
{% endif %}
{% if p.award_count("train") > 2 %}
<img class="train3" src="/assets/images/emojis/marseytrain.webp">
{% endif %}
{% if p.award_count("train") > 3 %}
<img class="train4" src="/assets/images/emojis/marseytrain.webp">
{% endif %}
<style>
@keyframes train {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@keyframes trainrev {
0% {
left: 100%;
}
100% {
left: 0%;
}
}
@media (max-width: 768px) {
.train1 {
position: fixed;
z-index: 10;
width: 35px;
animation: train 3s linear infinite !important;
}
.train2 {
display: none !important;
}
.train3 {
display: none !important;
}
.train4 {
display: none !important;
}
}
@media (min-width: 768px) {
.train1 {
position: absolute;
z-index: 10;
width: 100px;
animation: trainrev 5s linear infinite !important;
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
top: 35%
}
.train2 {
position: absolute;
z-index: 10;
width: 100px;
animation: train 5s linear infinite !important;
top: 10%
}
.train3 {
position: absolute;
z-index: 10;
width: 100px;
animation: train 5s linear infinite !important;
top: 60%
}
.train4 {
position: absolute;
z-index: 10;
width: 100px;
animation: trainrev 5s linear infinite !important;
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
top: 85%
}
}
</style>

View File

@ -289,7 +289,7 @@
{% block modals %}
<div class="frost"></div>
{% include '/awards/Christmas/Snow.html' %}
{% include '/awards/christmas/Snow.html' %}
{% endblock %}
{% block scripts %}

View File

@ -96,7 +96,7 @@
</div>
{% include '/awards/Christmas/Snow.html' %}
{% include '/awards/christmas/Snow.html' %}
</div>

View File

@ -145,7 +145,7 @@
{% block modals %}
<div class="frost"></div>
{% include '/awards/Christmas/Snow.html' %}
{% include '/awards/christmas/Snow.html' %}
{% endblock %}
{% block scripts %}

View File

@ -152,7 +152,7 @@
</div>
{% include '/awards/Christmas/Snow.html' %}
{% include '/awards/christmas/Snow.html' %}
</div>

View File

@ -1,6 +1,6 @@
<!-- Train award -->
{% if p.award_count("train") %}
{% include "/awards/Trains.html" %}
{% include "/awards/christmas/Sleighs.html" %}
{% endif %}
<!-- Poop award -->
@ -39,7 +39,7 @@
<!-- Snow award -->
{% if p.award_count("snow") %}
{% include "/awards/Christmas/Snow.html" %}
{% include "/awards/christmas/Snow.html" %}
{% if p.award_count("snow") > 4 %}
<div class="frost"></div>
{% endif %}
@ -47,7 +47,7 @@
<!-- Ginger Marsey award -->
{% if p.award_count("gingermarsey") %}
{% include "/awards/Christmas/GingerMarsey.html" %}
{% include "/awards/christmas/GingerMarsey.html" %}
{% endif %}
<!-- Javascript -->

View File

@ -162,7 +162,7 @@
{% block modals %}
{% include "emoji_modal.html" %}
{% include "gif_modal.html" %}
{% include '/awards/Christmas/Snow.html' %}
{% include '/awards/christmas/Snow.html' %}
{% endblock %}
{% block scripts %}