Windrose für die Ausrichtung
Ein Kompass auf Pergament mit acht Sektoren: Markiere die Ausrichtung der Wohnung, und die Nadel schwingt federnd hinüber.
Einstellungen
Code
<fieldset class="uvq05-cp"><legend>Ausrichtung</legend><div class="rs"><div class="dl"><label style="--i:0"><input type="checkbox" aria-label="Nord"><span class="w"></span></label><label style="--i:1"><input type="checkbox" aria-label="Nordosten"><span class="w"></span></label><label style="--i:2"><input type="checkbox" aria-label="Osten" checked><span class="w"></span></label><label style="--i:3"><input type="checkbox" aria-label="Südosten" checked><span class="w"></span></label><label style="--i:4"><input type="checkbox" aria-label="Süd" checked><span class="w"></span></label><label style="--i:5"><input type="checkbox" aria-label="Südwesten"><span class="w"></span></label><label style="--i:6"><input type="checkbox" aria-label="Westen"><span class="w"></span></label><label style="--i:7"><input type="checkbox" aria-label="Nordwesten"><span class="w"></span></label></div><svg class="st" viewBox="0 0 100 100" aria-hidden="true"><path d="M50 50L60 40L50 4L40 40z" fill="#7a5a2a"/><path d="M50 50L60 60L50 96L40 60z" fill="#7a5a2a"/><path d="M50 50L60 40L96 50L60 60z" fill="#a9844a"/><path d="M50 50L40 40L4 50L40 60z" fill="#a9844a"/><path d="M50 50l6-6 18-18-24 12zM50 50l6 6 18 18-24-12zM50 50l-6 6-18 18 24-12zM50 50l-6-6-18-18 24 12z" fill="#c9a86a" opacity=".8"/></svg><span class="cd cn" aria-hidden="true">Nord</span><span class="cd ce" aria-hidden="true">Osten</span><span class="cd cs" aria-hidden="true">Süd</span><span class="cd cw" aria-hidden="true">Westen</span><span class="nd" aria-hidden="true"></span><span class="hub" aria-hidden="true"></span></div><p class="ct"><span>Ausrichtungen:</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
Die Ausrichtung zählt bei der Suche nach Wohnung, Terrasse oder Solaranlage, und ein Kompass zeigt sie besser als eine Wortliste. Acht Keile mit Checkbox sind in einen Kreis auf einem Pergamentzifferblatt mit Gradring geschnitten, jede Wahl füllt ihren Sektor von der Mitte aus, und die Nadel dreht sich auf dem kürzesten Weg.
Die erste Farbe füllt die gewählten Sektoren und die Nadelspitze, die zweite bestimmt das Pergament. Halte die Himmelsrichtungen in anderen Sprachen kurz und zeig die gewählten Ausrichtungen zusätzlich als Text neben den Treffern.