Linu Sites
← Alle projecten

Website met effecten

Café Aurora

Een cyberpunkcafé dat niet bestaat, met introscherm, bewegende achtergrond, menukaart en een lab om je drankje samen te stellen.

Homepage van Café Aurora: de naam in blauw en roze neon boven een cyberpunkstad bij nacht

De uitdaging

Bij het vak Interfaceontwikkeling kregen drie AI’s dezelfde opdracht: ChatGPT, Gemini en DeepSeek. Het werk was de beste pagina kiezen, elke regel begrijpen en de code met de hand opnieuw schrijven, zonder één effect te verliezen.

Wat er gedaan is

  • Een cyberpunkcafé met een openingsscherm, een eigen cursor, een achtergrond van deeltjes, een menukaart en een lab om je drankje samen te stellen, met het kopje volledig in CSS getekend.
  • Van 6 tot 18 uur wordt de site Bakkerij Aurora: andere kleuren, een andere kaart en een broodlab, gekozen op de klok van de bezoeker voordat de pagina verschijnt.
  • Dezelfde pagina in drie versies, pure CSS, Bootstrap en Tailwind, om te vergelijken wat elke manier van CSS schrijven verandert.
  • Het is de voorbeeldsite van de simulator van Linu Sites: elk onderdeel gaat daar aan en uit, en de prijs verandert mee.

Onder de motorkap

  • 13 talen uit één sjabloon, met de lettertypes vanaf de site zelf, zonder CDN.
  • AA-contrast overdag en ’s nachts en klikdoelen van minstens 24 px, nagekeken met axe; met “minder beweging” aan stoppen de animaties.
  • Accepteert de opdrachten van de simulator alleen als ze van het adres van Linu Sites komen.

Iets dergelijks voor jouw bedrijf?

Vertel wat je doet en wat je voor ogen hebt. Het mag ook gewoon een idee zijn: je krijgt antwoord met vragen en volgende stappen.