Newyear

index.html

@@ -648,6 +648,7 @@
                 <option value="halloween">Halloween</option>
                 <option value="movember">Movember</option>
                 <option value="christmas">Christmas</option>
+                <option value="newyear">New Year</option>
                 <option value="saami">Sámi</option>
             </select>
         </div>
@@ -1389,7 +1390,7 @@
                 }
             },
             christmas: {
-                dateRange: { startMonth: 11, startDay: 1, endMonth: 11, endDay: 26 }, // Dec 1-26
+                dateRange: { startMonth: 11, startDay: 1, endMonth: 11, endDay: 29 }, // Dec 1-26
                 clockFace: 'clock-face-christmas.png',
                 clockFaceScale: 'cover',
                 background: 'planks-christmas.png',
@@ -1413,6 +1414,32 @@
                     boxShadow: '0 8px 32px rgba(160, 0, 0, 0.3)'
                 }
             },
+            newyear: {
+                dateRange: { startMonth: 11, startDay: 30, endMonth: 0, endDay: 4 }, // Dec 30 - Jan 4
+                clockFace: 'clock-face-newyear.png',
+                clockFaceScale: 'cover',
+                background: 'newyear-bg.png',
+                backgroundSize: 'cover',
+                backgroundRepeat: 'no-repeat',
+                backgroundPosition: 'center',
+                backgroundAttachment: 'fixed',
+                textColor: '#d3af37', // Gold
+                centerDotColor: 'radial-gradient(circle, #ffd700 20%, #ffed4e 40%, #daa520 80%, #b8860b 100%)', // Gold gradient
+                centerDotBorder: '#b8860b', // Dark gold border
+                handColors: {
+                    hour: 'linear-gradient(to right, #d4b946, #d3af37, #d4b946)', // Gold
+                    minute: 'linear-gradient(to right, #d4b946, #d3af37, #d4b946)', // Gold
+                    second: 'linear-gradient(to bottom, #d4b946, #d3af37, #d4b946)' // Gold
+                },
+                clockContainer: {
+                    background: 'rgba(0, 0, 0, 0.15)',
+                    backdropFilter: 'blur(20px)',
+                    borderRadius: '20px',
+                    border: '1px solid rgba(100, 90, 45, 0.5)',
+                    boxShadow: '0 8px 32px rgba(173, 143, 46, 0.3)'
+                },
+                handGlow: '0 0 10px #d3af37, 0 0 15px #ad8f2e, 0 0 20px #ad8f2e' // Gold glow effect
+            },
             saami: {
                 /* 
                 Sámi theme by on@ntnu.no
@@ -1486,6 +1513,15 @@
                         if (day >= startDay && day <= endDay) {
                             return theme;
                         }
+                    } else if (startMonth > endMonth) {
+                        // Year boundary crossing (e.g., Dec 30 - Jan 4)
+                        if (
+                            (month === startMonth && day >= startDay) ||
+                            (month === endMonth && day <= endDay) ||
+                            (month > startMonth || month < endMonth)
+                        ) {
+                            return theme;
+                        }
                     } else if (
                         (month === startMonth && day >= startDay) ||
                         (month === endMonth && day <= endDay) ||