diff --git a/files/events/assets/css/banner.css b/files/events/assets/css/banner.css
index debcc5392..30159d6ec 100644
--- a/files/events/assets/css/banner.css
+++ b/files/events/assets/css/banner.css
@@ -1,103 +1,24 @@
/* text */
-#banner-halloween-title.life > tspan {
- opacity: 1;
-}
-#banner-halloween-title-II {
- text-shadow: 0 4px 10px #ff000060;
-}
-#banner-halloween-title.life > #banner-halloween-title-II {
- animation: blinker 0.5s forwards;
-}
@media (max-width: 767.98px) {
#banner-halloween-title {
transform: scale(1.4) translate(-90px, -120px);
- animation:none !important;
}
#banner-halloween-presenting {
transform: scale(1.4) translate(-90px, -120px);
}
- #banner-halloween-bats {
- display:none;
- }
-}
-
-@keyframes float {
- 0% {
- transform: translateY(0px);
- }
- 50% {
- transform: translateY(-6px);
- }
- 100% {
- transform: translateY(0px);
- }
-}
-@keyframes blinker {
- 10% {
- opacity: 0;
- }
- ,
- 30% {
- opacity: 0.4;
- }
- ,
- 60% {
- opacity: 0.2;
- }
- ,
- 85% {
- opacity: 0.5;
- }
- ,
- 100% {
- opacity: 0.9;
- }
-}
-
-svg g {
- color: unset;
}
/* stars */
.star {
animation: linear infinite snow;
+ animation-delay:-4s;
}
-.star1 {
- animation-duration: 3s;
-}
-
-.star2 {
- animation-duration: 4s;
-}
-
-.star3 {
- animation-duration: 3.5s;
-}
-
-.star4 {
- animation-duration: 2s;
-}
-
-.star5 {
- animation-duration: 4s;
-}
-
-.star1 circle {
- r: 0.5;
-}
-.star2 circle {
- r: 0.75;
-}
-.star3 circle {
- r: 1.0;
-}
-.star4 circle {
- r: 1.2;
-}
-.star5 circle {
- r: 1.5;
-}
+.star1 {animation-duration: 5s;}
+.star2 {animation-duration: 4.5s;}
+.star3 {animation-duration: 7s;}
+.star4 {animation-duration: 6s;}
+.star5 {animation-duration: 8s;}
@media (max-width: 767.98px) {
.star {
@@ -121,20 +42,7 @@ svg g {
}
}
-@keyframes twinkle {
- 0% {
- opacity: 1;
- }
- 50% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-
@keyframes snow {
- 100% {
- transform: translateY(150px);
- }
+ from {transform: translateY(-60%)}
+ to {transform: translateY(60%)}
}
diff --git a/files/events/assets/css/blizzard.css b/files/events/assets/css/blizzard.css
index db52bc764..ba6ea8e6f 100644
--- a/files/events/assets/css/blizzard.css
+++ b/files/events/assets/css/blizzard.css
@@ -4,25 +4,9 @@
@import url("https://fonts.googleapis.com/css2?family=Creepster&display=swap");
@font-face {
- font-family: "DoubleFeature";
- src: url("/assets/fonts/event/DoubleFeature.woff") format("woff");
+ font-family: "Plakat Fraktur Black";
+ src: url("/assets/fonts/event/Plakat-Fraktur-Black.woff") format("woff");
}
-
-@font-face {
- font-family: "Jo_wrote_a_lovesong";
- src: url("/assets/fonts/event/Jo_wrote_a_lovesong.woff") format("woff");
-}
-
-@font-face {
- font-family: "XTypewriter-Regular";
- src: url("/assets/fonts/event/XTypewriter-Regular.woff") format("woff");
-}
-
-@font-face {
- font-family: "SpecialElite-Regular";
- src: url("/assets/fonts/event/SpecialElite-Regular.woff") format("woff");
-}
-
:root {
--primary: rgb(179 26 70);
/*--dark: rgb(4 23 28);*/
diff --git a/files/events/assets/fonts/Plakat-Fraktur-Black.woff b/files/events/assets/fonts/Plakat-Fraktur-Black.woff
new file mode 100644
index 000000000..0dddbd242
Binary files /dev/null and b/files/events/assets/fonts/Plakat-Fraktur-Black.woff differ
diff --git a/files/events/templates/banner.svg b/files/events/templates/banner.svg
new file mode 100644
index 000000000..386dc1149
--- /dev/null
+++ b/files/events/templates/banner.svg
@@ -0,0 +1,199 @@
+
diff --git a/files/events/templates/banner_rDrama.html b/files/events/templates/banner_rDrama.html
index 073e9c1d3..29d8abb42 100644
--- a/files/events/templates/banner_rDrama.html
+++ b/files/events/templates/banner_rDrama.html
@@ -1,259 +1,4 @@
-
- {#
- {% set banner_day = time.gmtime()[2]-21 %}
- {% if banner_day < 1 %}
- {% set banner_day = 1 %}
- {% endif %}#}
-
- {% if '/post/' not in request.path %}
-
-
- {% endif %}
-
+
+
+ {% include "event/banner.svg" %}