29mod11 · Vladica Orlovic · Webdesign & Mathematik Zürich

Live-Demo

Massgeschneidert. Vom Quelltext bis zum Pixel.

Kein Baukasten, kein Template, kein Framework. Das Fenster unten zeigt in fünfzehn Sekunden, wie diese Zugangsseite entsteht: erst der Quelltext, dann das Design, dann das Resultat. Und die drei Farbpunkte oben im Fenster wählen ein Kapitel direkt an.Das Fenster unten zeigt, wie diese Zugangsseite entsteht. Mit den drei Farbpunkten oben im Fenster wählst du das Kapitel: Quelltext, Design oder Ergebnis.

29mod11.ch

<!DOCTYPE html> <html lang="de-CH"> <head> <title>29mod11 · Vladica Orlovic · Webdesign & Mathematik Zürich</title> <link rel="stylesheet" href="core.css?v=a22.9"> </head> <body> <p class="gate__plaque">29 &equiv; 7 (mod 11)</p> <h1 class="gate__h1">Privater Zugang.</h1> <div class="gate__felder"> <input class="gate__ziffer" inputmode="numeric" maxlength="1">  </div> <button class="btn btn--beam"><span>Enter &crarr;</span></button> </body> </html>

:root { --bg: oklch(0% 0 0); --accent: oklch(68% 0.19 265); --font-mono: 'Geist Mono', 'SF Mono', Menlo, monospace; --radius-md: 12px; } .gate__ziffer { width: clamp(38px, 11vw, 56px); height: clamp(50px, 14vw, 68px); font-family: var(--font-mono); border-radius: var(--radius-md); caret-color: var(--accent); } .gate__ziffer:focus { border-color: var(--accent); }

29 ≡ 7 (mod 11)

Privater Zugang

• • • • • •

Enter ↵

live

100

Leistung, Google

100

Barrierefreiheit, Google

100

Best Practices, Google

100

SEO, Google

0.9 s

Ladezeit auf dem Handy

56.1

KB Code, komprimiert

0

Anfragen an fremde Server

0 ms

Blockierzeit im Browser

Bonus-Level

Den kennst du doch irgendwoher.

Sonst taucht er nur auf, wenn das Internet weg ist. Hier hat er einen festen Platz bekommen: eigens für diese Seite gebaut, in den Farben dieser Seite, mit Vögeln ab 100 Punkten. Er beginnt gemütlich und wird dann immer schneller. Leertaste oder Klick zum Springen.Zum Starten und zum Springen drückst du den Knopf «Leertaste» direkt unter dem Spielfeld. Und über neue Rekorde freut sich hier vor allem einer: der Dino.

Leertaste oder Klick: Start

Kein Code?

Das Live-Projekt ist offen.

29mod11.ch bleibt vorerst privat. Was hier entsteht, zeigt das Referenzprojekt tanzgeheimnis.ch: die Tanzschule und Ballettschule in Glattpark bei Zürich, von 29mod11 konzipiert, gestaltet, gebaut und für Suchmaschinen optimiert. Schau es dir in Ruhe an. Und wenn du danach findest, deine eigene Webseite dürfte sich auch so anfühlen: Melde dich am einfachsten direkt über Tanzgeheimnis.

tanzgeheimnis.ch besuchen