Equipo repartido
Hora local de cada oficina
- Madrid--:--Referencia
- Nueva York--:--
- Tokio--:--
Weltzeituhren für drei Städte
Drei analoge Zifferblätter mit der echten Uhrzeit jeder Stadt und gleitendem Sekundenzeiger; nachts wird das Zifferblatt dunkel.
Einstellungen
Code
<section class="uvq07-clk"><header><h3>Verteiltes Team</h3><p>Ortszeit jedes Büros</p></header><ul><li data-tz="Europe/Madrid"><span class="dl" aria-hidden="true"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></i><i style="--i:6"></i><i style="--i:7"></i><i style="--i:8"></i><i style="--i:9"></i><i style="--i:10"></i><i style="--i:11"></i><b class="h"></b><b class="m"></b><b class="s"></b></span><span class="nm">Madrid</span><span class="dg">--:--</span><span class="of">Referenz</span></li><li data-tz="America/New_York"><span class="dl" aria-hidden="true"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></i><i style="--i:6"></i><i style="--i:7"></i><i style="--i:8"></i><i style="--i:9"></i><i style="--i:10"></i><i style="--i:11"></i><b class="h"></b><b class="m"></b><b class="s"></b></span><span class="nm">New York</span><span class="dg">--:--</span><span class="of"> </span></li><li data-tz="Asia/Tokyo"><span class="dl" aria-hidden="true"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></i><i style="--i:6"></i><i style="--i:7"></i><i style="--i:8"></i><i style="--i:9"></i><i style="--i:10"></i><i style="--i:11"></i><b class="h"></b><b class="m"></b><b class="s"></b></span><span class="nm">Tokio</span><span class="dg">--:--</span><span class="of"> </span></li></ul></section>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Karten
Alle ansehen: KartenWofür du ihn nutzen kannst
Verteilte Teams leben zwischen Zeitzonen, und analoge Zifferblätter machen den Abstand auf einen Blick sichtbar. Jede Uhr liest die echte Zeit über Intl.DateTimeFormat, bewegt die Zeiger gleitend, zeigt Digitalzeit und Abstand zur ersten Stadt und wechselt zwischen acht Uhr abends und sieben Uhr morgens auf ein dunkles Zifferblatt. Gut für Teamseiten, Reise- und Meeting-Tools.
Die Hauptfarbe ist Lünette und Sekundenzeiger, die zweite das Nachtzifferblatt und die Zeiger. Städte und Zeitzonen änderst du direkt in der Liste, dabei funktioniert jede IANA-Zone.