diff --git a/files/events/assets/css/blizzard.css b/files/events/assets/css/blizzard.css index ae5a915c6..5edda22db 100644 --- a/files/events/assets/css/blizzard.css +++ b/files/events/assets/css/blizzard.css @@ -25,10 +25,6 @@ --gray-700: #e6faff; --gray-800: #e6faff; --gray-900: #e6faff; - - - - } #frontpage .posts .card, #userpage .posts .card, #search .posts .card { @@ -139,80 +135,6 @@ color: #7a7a7a !important; padding: 0.5rem; } -/* progressbar */ -.progress { - background-color: #1d9bf0; - background-image: linear-gradient(0deg, #1d9bf0 0%, #59b1ec 100%); - width: 270px; - height: 24px; - border-radius: 4px; - box-shadow: inset 0px 12px 2px #ffffff10; - backdrop-filter: blur(2px) brightness(101%); - margin-bottom: 40px; -} - -.progress::before { - content: "\f48e"; - font-family: "Font Awesome 6 Pro"; - position: absolute; - left: 6px; - top: 2px; - font-size: 13px; - color: #fff; -} -.progress::after { - content: "\f780"; - font-family: "Font Awesome 6 Pro"; - position: absolute; - right: 6px; - top: 2px; - font-size: 13px; - color: #fff; -} - -.progress > .legend { - display: flex; - justify-content: space-between; - margin-top: 6px; - padding: 0 6px; - color: #dc3545; - font-family: -apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; - font-size: 12px; - font-weight: bold; -} - -.progress > .legend span:nth-child(1) { - color: #d3bc00; -} - -.bar-left { - display: inline-block; - width: var(--width); - height: 24px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - background-color: #d3bc00; - background-image: linear-gradient(180deg, #d3bc00 50%, #877800 100%); - box-shadow: inset 0px 12px 2px #ffffff20; - color: white; - text-align: center; -} - -.bar-right { - display: inline-block; - width: var(--width); - height: 24px; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - background-color: #dc3545; - background-image: linear-gradient(180deg, #dc3545 50%, #9e1b32 100%); - box-shadow: inset 2px 12px 0px #ffffff20; - color: white; - text-align: center; - position: absolute; - right: 0; -} - body { cursor: url(/assets/images/event/cursor.png?v=1), auto !important; } @@ -346,6 +268,37 @@ body { border-radius: 9999px; } +/*sign */ +#sign { + position: fixed; + bottom: -0.75rem; + left: 1.25rem; + transform: rotate(-3deg); +} +#sign > img { + width: 156px; +} +#sign > ul { + position: absolute; + top: 0px; + left: 20px; + list-style: none; + display: flex; + gap: 4px; +} +#sign > ul li { + display: flex; + align-items: center; + justify-content: center; + color: #FFFFFF; + font-size: 28px; + font-weight: bold; + transform: rotate(6deg); +} +#sign > ul li:nth-child(1) { + transform: rotate(-4deg); +} + /* awards */ /* gingerbread */ diff --git a/files/events/assets/images/sign.svg b/files/events/assets/images/sign.svg new file mode 100644 index 000000000..da47389ec --- /dev/null +++ b/files/events/assets/images/sign.svg @@ -0,0 +1,115 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/files/events/helpers/jinja.py b/files/events/helpers/jinja.py index 932037f1b..62024ee97 100644 --- a/files/events/helpers/jinja.py +++ b/files/events/helpers/jinja.py @@ -1,4 +1,11 @@ import random +from datetime import date + +def daysTillChristmas(): + today = date.today() + christmas = date(today.year, 12, 25) + delta = abs(christmas - today) + return delta.days EVENT_JINJA_CONST = { "EVENT_BANNER": "banner_rDrama.html", @@ -14,5 +21,6 @@ EVENT_JINJA_CONST = { ' throwing shade right now', ], "random": random, + "daysTillChristmas": daysTillChristmas, } diff --git a/files/events/templates/banner_rDrama.html b/files/events/templates/banner_rDrama.html index a20a07401..d05e499f5 100644 --- a/files/events/templates/banner_rDrama.html +++ b/files/events/templates/banner_rDrama.html @@ -4,6 +4,18 @@
+
+ + +
+ {% if random.randint(1,100) != 1 %}