1 files changed, 47 insertions, 40 deletions
diff --git a/themes/hugo-coder/layouts/_default/baseof.html b/themes/hugo-coder/layouts/_default/baseof.html
index f981b50..b7ac84e 100644
--- a/themes/hugo-coder/layouts/_default/baseof.html
+++ b/themes/hugo-coder/layouts/_default/baseof.html
@@ -128,9 +128,9 @@
  <body class="preload-transitions {{ $csClass }}{{ if .Site.Params.rtl }} rtl{{ end }}"
        onload="{{ if .Site.Params.enableTwemoji }} twemoji.parse(document.body); {{ end }}"
  >
-  <!-- <div id=fireworksContainer style="position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none;"></div> -->
-  <div id="snow" style="position: absolute; top: 0; left: 0; height: 100vh; width: 100vw; --s: 10s; --w: 50vw; --d: 0s;"></div>
+  <div id="fireworksContainer" style="position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; display: none;"></div>
+  <div id="snow" style="position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; --s: 10s; --w: 50vw; --d: 0s; pointer-events: none; z-index: 1; display: none;"></div>
    {{ partial "float" . }}
    <main class="wrapper">
@@ -180,45 +180,51 @@
    {{ if and .Site.Params.googleTagManager .Site.Params.googleTagManager.id }}
      {{- partial "analytics/googletagmanager" . -}}
    {{ end }}
-  <!-- {{ if eq .RelPermalink "/" }}
-  <script src="https://cdn.jsdelivr.net/npm/fireworks-js@latest/dist/fireworks.js"></script>
-  <script>
-    const c = document.querySelector("#fireworksContainer")
-    const f = new Fireworks(c, {
-        "hue": {
-            "min": 0,
-            "max": 345
-        },
-        "delay": {
-            "min": 45,
-            "max": 60
-        },
-        "rocketsPoint": 27,
-        "opacity": 0.5,
-        "speed": 15,
-        "acceleration": 1.1,
-        "friction": 0.97,
-        "gravity": 1.5,
-        "particles": 150,
-        "trace": 6,
-        "explosion": 7,
-        "autoresize": true,
-        "brightness": {
-            "min": 50,
-            "max": 80,
-            "decay": {
-                "min": 0.015,
-                "max": 0.03
-            }
-        },
-    })
-    f._randomRocketsPoint = true
-    f.start()
-  </script>
-  {{ end }} -->
  <script>
-      function r(min, max)  {
+    const today = new Date();
+    const month = today.getMonth(); // 0 = Jan, 11 = Dec
+    const day = today.getDate();
+    const showFireworks = (month === 0 && day >= 1 && day <= 5);
+    const showSnow = (month === 11) || (month === 0 && day > 5 && day <= 31);
+    if (showFireworks) {
+        {{ if eq .RelPermalink "/" }}
+        document.getElementById("fireworksContainer").style.display = "block";
+        const script = document.createElement("script");
+        script.src = "https://cdn.jsdelivr.net/npm/fireworks-js@latest/dist/fireworks.js";
+        script.onload = () => {
+            const c = document.querySelector("#fireworksContainer");
+            const f = new Fireworks(c, {
+                "hue": { "min": 0, "max": 345 },
+                "delay": { "min": 45, "max": 60 },
+                "rocketsPoint": 27,
+                "opacity": 0.5,
+                "speed": 15,
+                "acceleration": 1.1,
+                "friction": 0.97,
+                "gravity": 1.5,
+                "particles": 150,
+                "trace": 6,
+                "explosion": 7,
+                "autoresize": true,
+                "brightness": {
+                    "min": 50,
+                    "max": 80,
+                    "decay": { "min": 0.015, "max": 0.03 }
+                }
+            });
+            f._randomRocketsPoint = true;
+            f.start();
+        };
+        document.body.appendChild(script);
+        {{ end }}
+    } else if (showSnow) {
+        const snowContainer = document.getElementById("snow");
+        snowContainer.style.display = "block";
+        function r(min, max) {
            return Math.random() * (max - min) + min;
        }
@@ -226,8 +232,9 @@
            const el = document.createElement("div");
            el.className = "snow";
            el.style = `--x: ${r(0, 200)}vw; --y: -${r(0, 100)}vh; --d: ${r(-20, 20)}s; --w: ${r(40, 70)}vw; --s: ${r(12, 20)}s;`;
-            snow.appendChild(el);
+            snowContainer.appendChild(el);
        }
+    }
  </script>
  </body>