Toast d'arrivée sur un lieu
Une mini-carte fait tomber l'épingle avec un rebond et une onde radar quand elle détecte que tu es arrivé à destination.
Réglages
Code
<div class="uvq09-geo"><button type="button" class="fire">Afficher à nouveau</button><div class="tt" role="status"><span class="mp" aria-hidden="true"><i class="pk"></i><i class="rv"></i><i class="rd"></i><i class="rd"></i><i class="pn"><svg viewBox="0 0 24 30"><path class="pb" d="M12 29s-9-9.3-9-16a9 9 0 0 1 18 0c0 6.7-9 16-9 16z"/><circle class="pc" cx="12" cy="13" r="3.6"/></svg></i></span><span class="tx"><b>Tu es arrivé au bureau</b><small>Calle de Alcalá 120 · 8:57</small><button type="button" class="ci"><span class="a">Enregistrer l'entrée</span><span class="b" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg>Entrée enregistrée</span></button></span></div></div>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 Notifications
Voir tout : NotificationsOù l’utiliser
Les applis de localisation confirment souvent l'arrivée par une simple ligne de texte. Celle-ci dessine une minuscule carte avec rues, parc et rivière à partir de dégradés CSS superposés, fait tomber une épingle qui s'écrase en se posant et envoie des anneaux de radar. La carte suit le thème clair ou sombre. Utile pour le suivi du temps, les pointages, les livreurs et la domotique.
La couleur principale sert à l'épingle et au radar, la secondaire au parc et au bouton validé. Change l'adresse et l'heure et relie le bouton à ton propre pointage ; le libellé change avec un court glissement une fois validé.