diff --git a/clock-face-newyear.png b/clock-face-newyear.png new file mode 100644 index 0000000..63f61ed Binary files /dev/null and b/clock-face-newyear.png differ diff --git a/index.html b/index.html index 0ca3d55..8750ab3 100644 --- a/index.html +++ b/index.html @@ -648,6 +648,7 @@ + @@ -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) || diff --git a/newyear-bg.png b/newyear-bg.png new file mode 100644 index 0000000..07fd9b7 Binary files /dev/null and b/newyear-bg.png differ