diff --git a/clock-face-easter.png b/clock-face-easter.png new file mode 100644 index 0000000..1c7155c Binary files /dev/null and b/clock-face-easter.png differ diff --git a/easter-bg.png b/easter-bg.png new file mode 100644 index 0000000..9b627bd Binary files /dev/null and b/easter-bg.png differ diff --git a/index.html b/index.html index 614b5d0..7999e31 100644 --- a/index.html +++ b/index.html @@ -653,6 +653,7 @@ +
@@ -1562,6 +1563,32 @@ gjovik: 'Vaffelvik' } }, + easter: { + dateRange: { startMonth: 2, startDay: 26, endMonth: 3, endDay: 5 }, // Mar 26 - Apr 5 + clockFace: 'clock-face-easter.png', + clockFaceScale: 'cover', + background: 'easter-bg.png', + backgroundSize: 'cover', + backgroundRepeat: 'no-repeat', + backgroundPosition: 'center', + backgroundAttachment: 'fixed', + textColor: '#E3B437', // Easter yellow + centerDotColor: 'radial-gradient(circle, #FFFDEB 20%, #FFF5B5 45%, #FFE57A 75%, #F7C948 100%)', // Soft-to-rich yellow gradient + centerDotBorder: '#D4A72C', // Golden yellow border + handColors: { + hour: '#6E5211', + minute: '#8A6616', + second: '#A8781B' + }, + clockContainer: { + background: 'rgba(255, 244, 184, 0.16)', + backdropFilter: 'blur(5px)', + borderRadius: '20px', + border: '1px solid rgba(247, 201, 72, 0.55)', + boxShadow: '0 8px 32px rgba(227, 180, 55, 0.28)' + }, + handGlow: '0 0 6px rgba(60,44,10,0.45)' + }, default: { clockFace: 'clock-face.png', clockFaceScale: 'cover',