Eine Demo-Seite, ausgeliefert von sbs02 über den Nginx Proxy Manager — mit Let's Encrypt, HTTP/2 und Cloudflare-DNS.
Eine einzige HTML-Datei, keine Build-Tools, keine Abhängigkeiten — trotzdem randvoll mit Effekten.
Animiertes Sternenfeld mit Verbindungslinien, das auf deinen Mauszeiger reagiert.
Milchglas-Karten mit Backdrop-Blur, feinen Rändern und weichen Schatten.
Drei driftende Farbwolken im Screen-Blend-Modus als lebendiger Hintergrund.
Karten kippen unter dem Cursor und bekommen einen mitlaufenden Lichtkegel.
Klassischer Schreibmaschinen-Effekt mit blinkendem Cursor im Hero.
Zahlen zählen mit Easing hoch, sobald sie in den Viewport scrollen.
Theme-Umschalter mit weichem Übergang — die Auswahl bleibt gespeichert.
IntersectionObserver blendet Abschnitte beim Scrollen sanft ein.
↑↑↓↓←→←→BA — probier's mal aus. Es passiert etwas.
Vom DNS-Record bis zur ausgelieferten Datei — jede Schicht dieser Seite.
$ python3 -m http.server 8088 --bind 0.0.0.0 → serving /home/andy/hellosite $ curl -X POST proxy.macherwerkstatt.cc/api/nginx/proxy-hosts {"id": 50, "certificate_id": 5, "nginx_online": true} $ curl -X POST api.cloudflare.com/.../dns_records {"name": "hermeshelloworld.macherwerkstatt.cc", "type": "CNAME", "proxied": false} $ curl -sI https://hermeshelloworld.macherwerkstatt.cc HTTP/2 200 ✓ TLS: Let's Encrypt · HSTS-ready
Direkt im Browser ausgelesen — keine Server-Abfrage nötig.