Cult of the Newby phreakyhamster Questionable self-control.
Terug naar Uitgezocht
AI

Van wit scherm naar eigen site, met AI als aannemer

Hoe een kapotte WordPress-site eindigde als iets wat ik zelf nooit had kunnen bouwen.

Het begon met een simpele wens: even inloggen op mijn eigen website. Het eindigde met een complete nieuwe site, een eigen huisstijl en het besef dat ik WordPress niet meer nodig heb. Tussendoor heb ik vooral ja gezegd.

Akte 1: het witte scherm

De link naar het dashboard stuurde me naar een inlogpagina, die me weer doorstuurde, die me weer… je snapt het. Via een achterdeur kon ik inloggen. Daarna: een wit scherm. Leeg. Achttien plugins, waarvan er minstens één had besloten dat het genoeg was geweest.

De oplossing kostte twee minuten: de pluginmap hernoemen, en het dashboard werkte weer. Maar toen kwam de echte vraag. Waarom draai ik eigenlijk nog WordPress? Ik heb geen webshop meer. Ik wil een archief van dingen die ik uitzoek. Daar heb je geen database, geen achttien plugins en geen maandelijkse updates voor nodig.

Akte 2: eerst een stijl, dan een site

Ik had al een eigen stijlbestand gemaakt: kleuren, lettertypes, de hamster met de kroon en regels als "oranje is nooit tekst op een lichte achtergrond". Een merkboek, zeg maar, voor een hobby. Dat klinkt overdreven. Dat is het ook. Maar het betaalde zich hier dubbel terug: AI bouwt alles in precies die stijl, zonder dat ik elke kleur opnieuw hoef uit te leggen.

De phreakyhamster in verschillende maten: met kroon, zonder kroon en als rond icoon op donker
De hamster uit het merkboek: groot met kroon, klein zonder, en in een cirkel op donker.

Akte 3: rondkijken bij de buren

Mijn eerste versie was een nette pagina waar je naar beneden scrollt. Netjes. Saai. Dus ging ik samen met AI op zoek naar sites die me wel aanspraken. Vier richtingen kwamen langs:

StijlVoorbeeldMijn oordeel
Bento-grid: alles in tegelsMoritz Petersen, Instance DesignJa!
App-achtig: schermen in plaats van scrollenBrian LovinJa!
Scroll-verhaal: alles beweegt meeWho's GuiltyKan mooi zijn, kan ook misselijk maken
Speels: slepen, omdraaien, krassenAndre SouzaTe druk voor mijn hoofd

Het werd een combinatie: tegels op de homepage, een zijbalk zoals in een app, en een hamster die subtiel met je muis meekijkt. Omdat het kan.

Akte 4: live

De site is nu een handvol gewone HTML-bestanden bij mijn hoster. Geen plugins, geen database, niets meer dat wit kan worden. Het enige wat misging: de bestandsbeheerder van mijn hoster neemt maar één bestand tegelijk aan. Dat ontdekten we nadat de site een kwartiertje zonder opmaak online stond. Hamster zonder vacht. Niet mijn mooiste moment.