forked from rDrama/rDrama
1
0
Fork 0
master
kek7198 2021-12-01 15:13:44 -06:00
parent 3bc9fd8751
commit dfe1fa48e8
3 changed files with 93 additions and 1 deletions

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

@ -13,6 +13,8 @@
{% block title %}
{% include "/submission/SubmissionAwards.html" %}
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
<script src="/assets/js/new_comments_count.js?v=53"></script>

View File

@ -6,5 +6,5 @@
<!-- // Static Awards -->
{% if p.award_count("train") %}
<!-- {% include "/awards/Trains.html" %} -->
{% include "/awards/Trains.html" %}
{% endif %}