diff --git a/files/events/assets/css/banner.css b/files/events/assets/css/banner.css new file mode 100644 index 000000000..debcc5392 --- /dev/null +++ b/files/events/assets/css/banner.css @@ -0,0 +1,140 @@ +/* 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; +} + +.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; +} + +@media (max-width: 767.98px) { + .star { + animation: none; + fill-opacity: 0.5; + } + .star1 circle { + r: 1; + } + .star2 circle { + r: 1.5; + } + .star3 circle { + r: 2; + } + .star4 circle { + r: 2; + } + .star5 circle { + r: 2.5; + } +} + +@keyframes twinkle { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes snow { + 100% { + transform: translateY(150px); + } +} diff --git a/files/events/assets/css/blizzard.css b/files/events/assets/css/blizzard.css new file mode 100644 index 000000000..db52bc764 --- /dev/null +++ b/files/events/assets/css/blizzard.css @@ -0,0 +1,262 @@ +@charset "UTF-8"; + +/* Fonts */ +@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-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);*/ + /*--primary: #B1333F;*/ + --dark:hsl(192deg 33% 7%); + --secondary: #003028;; + --white: #E1E1E1; + --black: #CFCFCF; + --light: #170535; + --muted: #E1E1E1; + --gray: #383838; + --gray-100: #E1E1E1; + --gray-200: #E1E1E1; + --gray-300: #291720; + --gray-400: #303030; + --gray-500: var(--dark); + --gray-600: var(--dark); + --gray-700: var(--dark); + --gray-800: var(--dark); + --gray-900: var(--dark); + --background: var(--dark); +} + +body { + overflow-x: hidden; +} + +* { + border-color: var(--primary); +} + +a:hover.user-name { + cursor: url('/assets/images/event/machete.webp'), auto !important; +} + +.border { + border-color: var(--primary) !important; +} + +.form-control { + background: transparent; + border-color: var(--primary) !important; +} + +.btn { + background: transparent; + border-color: var(--primary) !important; + border-width: 2px; +} + +.form-control:disabled, .form-control[readonly] { + background: transparent; + border-color: var(--primary) !important; +} + +.btn-success { + border-color: #38A169 !important; +} + +.btn-danger { + border-color: #E53E3E !important; +} + +#frontpage .pseudo-submit-form.card .card-body .form-control { +border-color: transparent !important; +} + +.btn-lg { + border-color: transparent !important; +} + +pre { + color: #CFCFCF; +} + +.transparent { + background: None !important; +} + +#frontpage .post-title a:visited { +color: #7a7a7a !important; +} + +.post-title a, h1.post-title { + font-family: 'SpecialElite-Regular'; + font-size: 1.25rem; +} + +.arrow-up::before, .arrow-down::before { + content: '\f7dc'; + width: 20px; +} + +.arrow-down::before { + display: inline-block; + transform: rotate(180deg); +} + +.arrow-up.active::before, .arrow-down.active::before { + content: '\f7db'; +} + +/* Blood Effect */ +.blood::before { + content: ''; + position: absolute; + background-image: url('/assets/images/event/blood-anim.webp'); + width: 100%; + height: 55px; + background-repeat: repeat-x; + top: 0; + left: 0; +} + +.blood { + position: relative; +} + +.blood .comment-text { + color: #dc3545 !important; + font-family: 'DoubleFeature'; +} + +.sketch { + z-index: 10000; + position: fixed; + top: 0; + left: 0; + pointer-events: none; +} + +/* Eyes */ +.eye { + position: relative; + width: 26px; + height: 26px; +} + +/* Trick or Treat */ +#trick-or-treat { + font-family: Jo_wrote_a_lovesong; + font-size: 2rem; + letter-spacing: 0.5rem; + border-color: var(--primary) !important; +} + +#trick-or-treat::before { + content:""; + background-image:url('/e/marseyface.webp'); ; + background-size: cover; + height:28px; + width:32px; + display:inline-block; +} + +#trick-or-treat::after { + content:""; + background-image:url('/e/marseytrickortreat.webp'); ; + background-size: cover; + height:28px; + width:32px; + display:inline-block; +} + +/* 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; +} diff --git a/files/events/helpers/jinja.py b/files/events/helpers/jinja.py index 1ff785df3..c21642151 100644 --- a/files/events/helpers/jinja.py +++ b/files/events/helpers/jinja.py @@ -1,7 +1,7 @@ EVENT_JINJA_CONST = { "EVENT_BANNER": "banner_rDrama.html", "EVENT_SIDEBAR": True, - "EVENT_STYLES": "spooky.css", + "EVENT_STYLES": "blizzard.css", "EVENT_AWARDS": True, "EVENT_MUSIC": "music.html", } diff --git a/files/events/templates/banner_rDrama.html b/files/events/templates/banner_rDrama.html index 9c1abdd46..073e9c1d3 100644 --- a/files/events/templates/banner_rDrama.html +++ b/files/events/templates/banner_rDrama.html @@ -1,3 +1,259 @@ + {# + {% set banner_day = time.gmtime()[2]-21 %} + {% if banner_day < 1 %} + {% set banner_day = 1 %} + {% endif %}#} + + {% if '/post/' not in request.path %} + + + {% endif %} + diff --git a/files/helpers/config/const.py b/files/helpers/config/const.py index 1539af5ea..cf33977a2 100644 --- a/files/helpers/config/const.py +++ b/files/helpers/config/const.py @@ -221,7 +221,7 @@ SUB_MARSEY_URL_LENGTH = 60 ### SITE SPECIFIC CONSTANTS ################################################################################ -HOLIDAY_EVENT = None +HOLIDAY_EVENT = True PERMS = { # Minimum admin_level to perform action. 'ADMIN_ADD': 3,