feat(themes): april fools 2024

intranet/static/themes/april_fools/april_fools.css

@@ -0,0 +1,9 @@
+.hair {
+    border-style: solid;
+    border-width: 1px;
+    border-color: transparent transparent #999 transparent;
+    border-radius: 0 0 0 50%/50%;
+    position: fixed;
+    background: transparent;
+    z-index: 100;
+}

intranet/static/themes/april_fools/april_fools.js

@@ -0,0 +1,22 @@
+$(function() {
+    // One in 10 chance of a hair appearing on the page
+    if (Math.random() < 0.1) {
+        $("body").append($(`
+            <div class="hair"></div>
+        `));
+
+        // Randomly position the hair
+        const width = Math.random() * 8 + 2;
+        const height = Math.random() * 6 + 2;
+        const top = Math.min(Math.random() * 100, 80 - height);
+        const left = Math.min(Math.random() * 100, 80 - width);
+        const angle = Math.random() * 360;
+        $(".hair").css({
+            width: `${width}vw`,
+            height: `${height}vh`,
+            top: `${top}vh`,
+            left: `${left}vw`,
+            transform: `rotate(${angle}deg)`,
+        });
+    }
+});