Menu en touches mécaniques
Les sections deviennent les touches d'un clavier mécanique beige : elles s'enfoncent, l'active passe en orange et les touches 1 à 4 marchent.
Réglages
Code
<div class="uvq12-kc"><div class="ks" role="tablist" aria-label="Raccourcis"><button type="button" role="tab" id="uvq12-kc-t0" aria-selected="true" aria-controls="uvq12-kc-p0" tabindex="0" aria-keyshortcuts="1"><span class="cap"><b>1</b><span>Accueil</span><i class="led" aria-hidden="true"></i></span></button><button type="button" role="tab" id="uvq12-kc-t1" aria-selected="false" aria-controls="uvq12-kc-p1" tabindex="-1" aria-keyshortcuts="2"><span class="cap"><b>2</b><span>Projets</span><i class="led" aria-hidden="true"></i></span></button><button type="button" role="tab" id="uvq12-kc-t2" aria-selected="false" aria-controls="uvq12-kc-p2" tabindex="-1" aria-keyshortcuts="3"><span class="cap"><b>3</b><span>Notes</span><i class="led" aria-hidden="true"></i></span></button><button type="button" role="tab" id="uvq12-kc-t3" aria-selected="false" aria-controls="uvq12-kc-p3" tabindex="-1" aria-keyshortcuts="4"><span class="cap"><b>4</b><span>Réglages</span><i class="led" aria-hidden="true"></i></span></button></div><div class="sc"><div class="pn" role="tabpanel" id="uvq12-kc-p0" aria-labelledby="uvq12-kc-t0">Tu as 3 nouvelles alertes.</div><div class="pn" role="tabpanel" id="uvq12-kc-p1" aria-labelledby="uvq12-kc-t1" hidden>12 projets actifs.</div><div class="pn" role="tabpanel" id="uvq12-kc-p2" aria-labelledby="uvq12-kc-t2" hidden>Dernière note il y a 5 min.</div><div class="pn" role="tabpanel" id="uvq12-kc-p3" aria-labelledby="uvq12-kc-t3" hidden>Thème, langue et raccourcis.</div></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 Navigation
Voir tout : NavigationOù l’utiliser
Un menu fait de touches mécaniques beiges à la surface creusée, avec un chiffre dans le coin et une petite LED. Les touches descendent à l'appui, la section active reste orange avec sa LED allumée, et une ligne de terminal verte tape son contenu en dessous. Appuyer sur 1 à 4 enfonce la touche correspondante, ce qui convient aux outils pour développeurs, tableaux de bord et portfolios.
La couleur principale teinte la touche active et la secondaire le boîtier du clavier. Mets un mot court par touche, cinq touches au plus par rangée, et affiche les raccourcis.