Merge pull request #1954 from tomudding/feature/festivities

feat: ❄️🎆❄🎆❄🎆
GEWIS · Dec 31, 2024 · 293f35d · 293f35d
2 parents b452472 + 2c94c8d
commit 293f35d
Show file tree

Hide file tree

Showing 6 changed files with 962 additions and 21 deletions.
diff --git a/module/Application/view/layout/layout.phtml b/module/Application/view/layout/layout.phtml
@@ -203,25 +203,50 @@ endif; ?>
 
 <?= $this->partial('partial/privacy-widget.phtml') ?>
 
+<div id="gewis-festivities" style="position: fixed; width: 100vw; height: 100vh; pointer-events: none;">
+    <?php
+    $currentDate = new DateTime();
+    $targetDate = DateTime::createFromFormat('j n', '28 6');
+
+    if (
+        $currentDate->format('j n') === $targetDate->format('j n')
+        || (
+            null !== $this->identity()
+            && $this->identity()->getMember()->getBirth()->format('m-d') === $currentDate->format('m-d')
+        )
+    ) {
+        $this->inlineScript()->prependFile(
+            $this->basepath('js/balloons.js'),
+            'text/javascript',
+            ['nonce' => NONCE_REPLACEMENT_STRING],
+        );
+    }
+    ?>
+    <?php if (null !== $this->identity()): ?>
+        <?php
+        if (
+            $currentDate >= new DateTime('December 24')
+            && $currentDate <= new DateTime('December 31 23:59:59')
+        ) {
+            $this->inlineScript()->prependFile(
+                $this->basepath('js/snowstorm.js'),
+                'text/javascript',
+                ['nonce' => NONCE_REPLACEMENT_STRING],
+            );
+        }
+        ?>
+        <?php if ('01-01' === $currentDate->format('m-d')): ?>
+            <div class="firework"></div>
+            <div class="firework"></div>
+            <div class="firework"></div>
+            <div class="firework"></div>
+            <div class="firework"></div>
+            <div class="firework"></div>
+        <?php endif; ?>
+    <?php endif; ?>
+</div>
+
 <!-- Scripts -->
-<?php
-$currentDate = new DateTime();
-$targetDate = DateTime::createFromFormat('j n', '28 6');
-
-if (
-    $currentDate->format('j n') === $targetDate->format('j n')
-    || (
-        null !== $this->identity()
-        && $this->identity()->getMember()->getBirth()->format('m-d') === $currentDate->format('m-d')
-    )
-) {
-    $this->inlineScript()->prependFile(
-        $this->basepath('js/balloons.js'),
-        'text/javascript',
-        ['nonce' => NONCE_REPLACEMENT_STRING],
-    );
-}
-?>
 <?= $this->inlineScript()
     ->prependFile(
         $this->basepath('js/bootstrap.min.js'),

diff --git a/public/css/gewis-theme.css b/public/css/gewis-theme.css
diff --git a/public/js/balloons.js b/public/js/balloons.js
@@ -29,10 +29,9 @@ const getRandomStyles = () => {
 }
 
 const createBalloons = async (num) => {
-    const body = document.body;
     const balloonContainer = document.createElement('div');
     balloonContainer.id = 'balloon-container';
-    body.append(balloonContainer);
+    document.getElementById('gewis-festivities').append(balloonContainer);
 
     for (let i = 0; i < num; i++) {
         const balloon = document.createElement('div');