From f257a44d890c3ba47c37f58c3b581b6cc6957ff2 Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Sun, 16 Nov 2025 13:05:25 +0100
Subject: [PATCH] feat: Add day of week and month to clock

---
 source/screens/demo/examples/clock.liquid | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/source/screens/demo/examples/clock.liquid b/source/screens/demo/examples/clock.liquid
index 4e4c8de..b90b555 100644
--- a/source/screens/demo/examples/clock.liquid
+++ b/source/screens/demo/examples/clock.liquid
@@ -29,7 +29,7 @@ tags:
 		document.getElementById('toggleFormat').textContent = is24HourFormat ? '12-Stunden-Format' : '24-Stunden-Format';
 	});
 
-	function drawCircle(seconds, minutes, hours) {
+	function drawCircle(seconds, minutes, hours, dayOfWeek, month) {
 		const centerX = canvas.width / 2;
 		const centerY = canvas.height / 2;
 		const radius = 128;
@@ -55,6 +55,8 @@ tags:
 			radius - 40,
 			'white'
 		);
+		drawArc(dayOfWeek, 7, radius - 60, '#fad803');
+		drawArc(month, 12, radius - 80, '#d30a51');
 	}
 
 	function updateCircle() {
@@ -62,8 +64,10 @@ tags:
 		const currentSeconds = currentDate.getSeconds();
 		const currentMinutes = currentDate.getMinutes();
 		const currentHours = currentDate.getHours();
+		const currentDayOfWeek = currentDate.getDay(); // Get current day of the week (0-6, where 0 is Sunday)
+		const currentMonth = currentDate.getMonth() + 1; // Get current month (0-11)
 
-		drawCircle(currentSeconds, currentMinutes, currentHours);
+		drawCircle(currentSeconds, currentMinutes, currentHours, currentDayOfWeek, currentMonth);
 	}
 
 	updateCircle();