Equipo repartido
Hora local de cada oficina
- Madrid--:--Referencia
- Nueva York--:--
- Tokio--:--
Horloges de trois villes
Trois cadrans analogiques avec l'heure réelle de chaque ville et une trotteuse fluide ; la nuit, le cadran devient sombre.
Réglages
Code
<section class="uvq07-clk"><header><h3>Équipe répartie</h3><p>Heure locale de chaque bureau</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">Référence</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">Tokyo</span><span class="dg">--:--</span><span class="of"> </span></li></ul></section>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Cartes
Voir tout : CartesOù l’utiliser
Les équipes réparties vivent entre plusieurs fuseaux, et des cadrans analogiques rendent l'écart lisible d'un coup d'œil. Chaque horloge lit l'heure réelle avec Intl.DateTimeFormat, déplace ses aiguilles en continu, affiche l'heure numérique et le décalage avec la première ville, puis passe en cadran sombre entre vingt heures et sept heures. Pour pages d'équipe, outils de voyage et de réunion.
La couleur principale donne la lunette et la trotteuse, la seconde le cadran de nuit et les aiguilles. Change villes et fuseaux dans la liste ; toute zone IANA fonctionne.