diff --git a/clock-face-winter.png b/clock-face-winter.png new file mode 100644 index 0000000..c85d80d Binary files /dev/null and b/clock-face-winter.png differ diff --git a/index.html b/index.html index 8750ab3..ff83ce1 100644 --- a/index.html +++ b/index.html @@ -649,6 +649,7 @@ + @@ -1415,7 +1416,7 @@ } }, newyear: { - dateRange: { startMonth: 11, startDay: 30, endMonth: 0, endDay: 4 }, // Dec 30 - Jan 4 + dateRange: { startMonth: 11, startDay: 30, endMonth: 0, endDay: 6 }, // Dec 30 - Jan 4 clockFace: 'clock-face-newyear.png', clockFaceScale: 'cover', background: 'newyear-bg.png', @@ -1440,6 +1441,32 @@ }, handGlow: '0 0 10px #d3af37, 0 0 15px #ad8f2e, 0 0 20px #ad8f2e' // Gold glow effect }, + winter: { + dateRange: { startMonth: 0, startDay: 7, endMonth: 0, endDay: 31 }, // Jan 7 - Jan 31 + clockFace: 'clock-face-winter.png', + clockFaceScale: 'cover', + background: 'winter-bg.png', + backgroundSize: 'cover', + backgroundRepeat: 'no-repeat', + backgroundPosition: 'center', + backgroundAttachment: 'fixed', + textColor: '#417a8e', // Blueish + centerDotColor: 'radial-gradient(circle, #517a8e 20%, #417a8e 40%, #2d5663 80%, #1c343d 100%)', // Blue gradient + centerDotBorder: '#1c343d', // Dark blue border + handColors: { + hour: 'linear-gradient(to right, #2d5663, #417a8e, #2d5663)', // Blue + minute: 'linear-gradient(to right, #2d5663, #417a8e, #2d5663)', // Blue + second: 'linear-gradient(to bottom, #2d5663, #417a8e, #2d5663)' // Blue + }, + clockContainer: { + background: 'rgba(0, 0, 0, 0.15)', + backdropFilter: 'blur(20px)', + borderRadius: '20px', + border: '1px solid rgba(29, 56, 63, 0.5)', + boxShadow: '0 8px 32px rgba(89, 169, 193, 0.3)' + }, + handGlow: '0 0 10px #458296, 0 0 15px #59a9c1, 0 0 20px #59a9c1' // Blue glow effect + }, saami: { /* Sámi theme by on@ntnu.no diff --git a/winter-bg.png b/winter-bg.png new file mode 100644 index 0000000..37fb107 Binary files /dev/null and b/winter-bg.png differ