Introduce el código
Código incorrectoAbierta
Pista: la columna del medio
Tastenfeld eines Tresors
Ein Paneel aus gebürstetem Metall mit einsinkenden Tasten, Kontrollleuchten und einem Rütteln bei falschem Code.
Einstellungen
Code
<div class="uvq13-sf"><div class="pg" aria-hidden="true"><i class="h"></i><i></i><i></i><i></i><i></i><i class="s"></i></div><button type="button" class="fire" aria-haspopup="dialog">Tresor öffnen</button><div class="scr"></div><div class="dl" role="dialog" aria-modal="true" aria-labelledby="uvq13-sf-t"><div class="tp"><p id="uvq13-sf-t">Code eingeben</p><i class="led" aria-hidden="true"></i></div><div class="dp" aria-hidden="true"><i></i><i></i><i></i><i></i></div><p class="st" aria-live="assertive"><span class="e">Falscher Code</span><span class="oder">Entriegelt</span></p><div class="kp"><button type="button" data-k="1">1</button><button type="button" data-k="2">2</button><button type="button" data-k="3">3</button><button type="button" data-k="4">4</button><button type="button" data-k="5">5</button><button type="button" data-k="6">6</button><button type="button" data-k="7">7</button><button type="button" data-k="8">8</button><button type="button" data-k="9">9</button><button type="button" data-k="del" aria-label="Löschen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 5.5h10.5A1.5 1.5 0 0 1 21 7v10a1.5 1.5 0 0 1-1.5 1.5H9L3 12zM12 9.5l5 5M17 9.5l-5 5"/></svg></button><button type="button" data-k="0">0</button><button type="button" data-k="x" aria-label="Schließen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7l10 10M17 7L7 17"/></svg></button></div><p class="hn">Tipp: die mittlere Spalte</p></div></div>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 Overlays
Alle ansehen: OverlaysWofür du ihn nutzen kannst
PIN-Dialoge sind meist vier leere Kästchen, dieser fühlt sich an wie der Safe im Hotelzimmer. Gebürsteter Stahl mit Nieten, runde Metalltasten, die beim Drücken einsinken, bernsteinfarbene Punkte in einer vertieften Anzeige und eine Leuchte, die rot oder grün wird. Ein falscher Code lässt das Paneel rütteln und setzt es zurück. Passt zu Kindersicherungen, Tresoren, Escape-Room-Spielen und App-Codes.
Die Hauptfarbe ist die Erfolgsleuchte, die zweite der Metallton. Den Code änderst du im Skript, eingeben lässt er sich mit Zifferntasten und Rücktaste ebenso wie per Tippen, denn das Paneel hört bei geöffnetem Dialog auf die Tastatur.