anleitung

💡 Anleitung: So passt du die Größen selbst an

Du kannst alle Größen direkt im Code an zwei Stellen verändern:

1. Größe der analogen Uhr ändern
Suche im HTML-Teil (Zieleite 45) nach dieser Zeile:

html<canvas id="analogClock" width="160" height="160"></canvas>

Ändere die Werte von width (Breite) und height (Höhe).
Wichtig: Beide Zahlen müssen immer exakt gleich groß sein (z. B. 200 für größer oder 120 für noch kleiner), sonst verzerrt sich der Kreis. Die Zeiger passen sich automatisch der neuen Größe an!

2. Größe von Digitaluhr & Datum ändern
Suche im CSS-Teil oben (Zeile 27) nach diesem Block:

css.digital-clock, .date-display {font-size: 2.0rem; ...}

Ändere den Wert bei font-size.rem ist eine relative Maßeinheit. 1.5rem macht die Schrift kleiner, 2.5rem oder 3.0rem macht sie größer.
Da beide Klassen dort zusammenstehen, ändern sich Digitaluhr und Datum immer synchron.