Bibliothekskatalog-Schrank
Ein hölzerner Zettelkatalog, in dem jedes Fachgebiet eine Schublade mit Messinggriff ist, die beim Anhaken herausfährt.
Einstellungen
Code
<fieldset class="uvq05-cc"><legend>Fachgebiete</legend><div class="cab"><label><input type="checkbox"><span class="dw"><span class="cards" aria-hidden="true"></span><span class="fr"><span class="tag">Kunst</span><i class="pl" aria-hidden="true"></i></span></span></label><label><input type="checkbox" checked><span class="dw"><span class="cards" aria-hidden="true"></span><span class="fr"><span class="tag">Wissenschaft</span><i class="pl" aria-hidden="true"></i></span></span></label><label><input type="checkbox"><span class="dw"><span class="cards" aria-hidden="true"></span><span class="fr"><span class="tag">Geschichte</span><i class="pl" aria-hidden="true"></i></span></span></label><label><input type="checkbox"><span class="dw"><span class="cards" aria-hidden="true"></span><span class="fr"><span class="tag">Lyrik</span><i class="pl" aria-hidden="true"></i></span></span></label><label><input type="checkbox" checked><span class="dw"><span class="cards" aria-hidden="true"></span><span class="fr"><span class="tag">Reisen</span><i class="pl" aria-hidden="true"></i></span></span></label><label><input type="checkbox"><span class="dw"><span class="cards" aria-hidden="true"></span><span class="fr"><span class="tag">Küche</span><i class="pl" aria-hidden="true"></i></span></span></label></div><p class="ct"><span>Offene Schubladen:</span> <span class="n"></span></p></fieldset>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 Filter
Alle ansehen: FilterWofür du ihn nutzen kannst
Zettelkataloge in Bibliotheken waren der erste Filter: eine Schublade pro Fachgebiet, voller Karteikarten. Hier ist jede Schublade eine Checkbox mit getipptem Etikett im Messingrahmen, beim Anhaken gleitet sie nach vorn und zeigt die Karten. Die Holzmaserung entsteht nur aus CSS-Verläufen. Passend für Buchläden, Archive, Kurskataloge und Lese-Apps.
Die erste Farbe steuert die Messingbeschläge, die zweite das Holz, von heller Eiche bis Nussbaum. Halte die Etiketten bei einem kurzen Wort und kombiniere den Schrank mit einer Liste, die die Treffer nach offenen Schubladen gruppiert.