[FIX] GENERAL: Birthday animation updates

static/css/style.css

@@ -574,3 +574,13 @@ form label {
     left: 50%;
     transform: translate(-50%, -50%);
 }
+
+#c {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%; /* Make sure the canvas fills the modal */
+    height: 100%;
+    z-index: 1000; /* Ensure it's above the blurred background */
+    pointer-events: none; /* Ensure clicks pass through to underlying content */
+}

templates/dashboard.html

@@ -104,15 +104,6 @@
         z-index: 1000; /* Ensure it's behind the canvas */
     }
 
-    #c {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%; /* Make sure the canvas fills the modal */
-        height: 100%;
-        z-index: 1000; /* Ensure it's above the blurred background */
-        pointer-events: none; /* Ensure clicks pass through to underlying content */
-    }
 
 </style>
 
@@ -127,12 +118,6 @@
         <!-- end of back button -->
         <div class="oh-dashboard row" id="dashboard" style="padding-bottom: 3.5rem;">
 
-            {% if is_birthday %}
-                <div class="page-wrapper">
-                    <div class="blurred-background"></div>
-                    <canvas id="c"></canvas>
-                </div>
-            {% endif %}
 
             <div class="oh-dashboard__left col-12 col-sm-12 col-md-12 col-lg-9">
                 <div class="oh-dashboard__cards row">

templates/index.html

@@ -67,6 +67,12 @@
             {% endfor %}
         </div>
     {% endif %}
+    {% if is_birthday %}
+        <div class="page-wrapper">
+            <div class="blurred-background"></div>
+            <canvas id="c"></canvas>
+        </div>
+    {% endif %}
     <button id="reloadMessagesButton" hx-get="{% url 'reload-messages' %}" hx-swap="afterend" hidden hx-target="#reloadMessages"></button>
 
     <div class="oh-wrapper-main" :class="!sidebarOpen ? 'oh-wrapper-main--closed' : ''" x-data="{sidebarOpen: true}"