diff --git a/clock-face-spring.png b/clock-face-spring.png new file mode 100644 index 0000000..a2989ea Binary files /dev/null and b/clock-face-spring.png differ diff --git a/index.html b/index.html index 0bb211b..614b5d0 100644 --- a/index.html +++ b/index.html @@ -651,6 +651,7 @@ + @@ -1451,8 +1452,8 @@ backgroundRepeat: 'no-repeat', backgroundPosition: 'center', backgroundAttachment: 'fixed', - textColor: '#417a8e', // Blueish - centerDotColor: 'radial-gradient(circle, #517a8e 20%, #417a8e 40%, #2d5663 80%, #1c343d 100%)', // Blue gradient + textColor: '#F4F1E6', // Soft warm ivory + centerDotColor: 'radial-gradient(circle, #F8F3E8 20%, #E7DDC7 45%, #B7D09E 75%, #6E8C63 100%)', // Spring ivory-to-leaf gradient centerDotBorder: '#1c343d', // Dark blue border handColors: { hour: 'linear-gradient(to right, #2d5663, #417a8e, #2d5663)', // Blue @@ -1501,6 +1502,32 @@ gjovik: 'Gjøvik' } }, + spring: { + dateRange: { startMonth: 2, startDay: 1, endMonth: 2, endDay: 24 }, // Mar 1 - Mar 24 + clockFace: 'clock-face-spring.png', + clockFaceScale: 'cover', + background: 'spring-bg.png', + backgroundSize: 'cover', + backgroundRepeat: 'no-repeat', + backgroundPosition: 'center', + backgroundAttachment: 'fixed', + textColor: '#4F7A4F', // Greenish + centerDotColor: 'radial-gradient(circle, #EAF7C9 20%, #BEE08A 45%, #78B46A 75%, #3E6A3E 100%)', // Spring green gradient + centerDotBorder: '#7A6A4F', // Warm earthy brown border + handColors: { + hour: '#2E4A2E', + minute: '#3F623F', + second: '#4F7A4F' + }, + clockContainer: { + background: 'rgba(0, 0, 0, 0.15)', + backdropFilter: 'blur(5px)', + borderRadius: '20px', + border: '1px solid rgba(126, 158, 112, 0.5)', + boxShadow: '0 8px 32px rgba(79, 122, 79, 0.28)' + }, + handGlow: '0 0 8px rgba(79,122,79,0.35)' + }, waffle: { /* International Waffle Day theme by on@ntnu.no diff --git a/spring-bg.png b/spring-bg.png new file mode 100644 index 0000000..de1ecd3 Binary files /dev/null and b/spring-bg.png differ