Mondphasen-Filter
Acht Monde am Nachthimmel: Hake die Phasen an, die zu deiner Beobachtung passen, und sie leuchten mit einem Hof auf.
Einstellungen
Code
<fieldset class="uvq05-mo"><legend>Mondphase</legend><div class="gr"><label><input type="checkbox"><span class="mn"><svg viewBox="-22 -22 44 44" aria-hidden="true"><circle class="dk" r="20"/><g class="cr"><circle cx="-6" cy="-6" r="3.4"/><circle cx="7" cy="3" r="4.2"/><circle cx="-3" cy="10" r="2.4"/></g></svg></span><span class="nm">Neumond</span></label><label><input type="checkbox"><span class="mn"><svg viewBox="-22 -22 44 44" aria-hidden="true"><circle class="dk" r="20"/><path class="lt" d="M0 -20A20 20 0 0 1 0 20A14.14 20 0 0 0 0 -20Z"/><g class="cr"><circle cx="-6" cy="-6" r="3.4"/><circle cx="7" cy="3" r="4.2"/><circle cx="-3" cy="10" r="2.4"/></g></svg></span><span class="nm">Zunehmende Sichel</span></label><label><input type="checkbox"><span class="mn"><svg viewBox="-22 -22 44 44" aria-hidden="true"><circle class="dk" r="20"/><path class="lt" d="M0 -20A20 20 0 0 1 0 20A0.00 20 0 0 1 0 -20Z"/><g class="cr"><circle cx="-6" cy="-6" r="3.4"/><circle cx="7" cy="3" r="4.2"/><circle cx="-3" cy="10" r="2.4"/></g></svg></span><span class="nm">Erstes Viertel</span></label><label><input type="checkbox" checked><span class="mn"><svg viewBox="-22 -22 44 44" aria-hidden="true"><circle class="dk" r="20"/><path class="lt" d="M0 -20A20 20 0 0 1 0 20A14.14 20 0 0 1 0 -20Z"/><g class="cr"><circle cx="-6" cy="-6" r="3.4"/><circle cx="7" cy="3" r="4.2"/><circle cx="-3" cy="10" r="2.4"/></g></svg></span><span class="nm">Zunehmender Mond</span></label><label><input type="checkbox" checked><span class="mn"><svg viewBox="-22 -22 44 44" aria-hidden="true"><circle class="dk" r="20"/><circle class="lt" r="20"/><g class="cr"><circle cx="-6" cy="-6" r="3.4"/><circle cx="7" cy="3" r="4.2"/><circle cx="-3" cy="10" r="2.4"/></g></svg></span><span class="nm">Vollmond</span></label><label><input type="checkbox" checked><span class="mn"><svg viewBox="-22 -22 44 44" aria-hidden="true"><circle class="dk" r="20"/><path class="lt" d="M0 -20A20 20 0 0 0 0 20A14.14 20 0 0 0 0 -20Z"/><g class="cr"><circle cx="-6" cy="-6" r="3.4"/><circle cx="7" cy="3" r="4.2"/><circle cx="-3" cy="10" r="2.4"/></g></svg></span><span class="nm">Abnehmender Mond</span></label><label><input type="checkbox"><span class="mn"><svg viewBox="-22 -22 44 44" aria-hidden="true"><circle class="dk" r="20"/><path class="lt" d="M0 -20A20 20 0 0 0 0 20A0.00 20 0 0 0 0 -20Z"/><g class="cr"><circle cx="-6" cy="-6" r="3.4"/><circle cx="7" cy="3" r="4.2"/><circle cx="-3" cy="10" r="2.4"/></g></svg></span><span class="nm">Letztes Viertel</span></label><label><input type="checkbox"><span class="mn"><svg viewBox="-22 -22 44 44" aria-hidden="true"><circle class="dk" r="20"/><path class="lt" d="M0 -20A20 20 0 0 0 0 20A14.14 20 0 0 1 0 -20Z"/><g class="cr"><circle cx="-6" cy="-6" r="3.4"/><circle cx="7" cy="3" r="4.2"/><circle cx="-3" cy="10" r="2.4"/></g></svg></span><span class="nm">Abnehmende Sichel</span></label></div><p class="ct"><span>Gewählte Phasen:</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
Apps für Sternbeobachtung, Nachtfotografie oder Angeln filtern oft nach Mondphase, und jede Phase zu zeichnen funktioniert besser als eine Namensliste. Jeder Mond ist ein Inline-SVG, dessen beleuchteter Teil aus zwei Bögen entsteht, so stimmen Sicheln und Dreiviertelmonde genau. Checkboxen schalten jeden mit warmem Hof vor einem leise funkelnden Sternenhimmel ein.
Die erste Farbe ist das Mondlicht, die zweite der Nachthimmel, von eisigem Blau bis Sepia. Benenne die Phasen für dein Publikum um und kombiniere den Filter mit einem Kalender, der die passenden Nächte markiert.