Website restauratie met AI

Soms heb je van die projecten die net iets te lastig zijn om aan te pakken, voor de beloning die het oplevert. Ik ben de laatste tijd bezig met een grote IT schoonmaak, en daarbij kwam ik een aantal externe harddisks tegen, die ik allemaal naar mijn NAS heb gesynct. Ergens tijdens het scrollen zag ik dat de info langs kwam van mijn oude werkstation sirius, tijdens mijn astro tijd. Toen ik allerlei websites maakte, zoals HTMLHoek, de eerste Ajax site van het internet (samen met Edo Engel van de VU), en natuurlijk Nedstat.

Normaal is het te veel moeite om dat allemaal te gaan uitzoeken. Maar met een AI tool wordt het precies te doen. Claude code opgestart, toegang gegeven tot mijn NAS, en opdracht gegeven om, om te beginnen, eens een website terug te zetten, via Cloudflare Pages.

Nu kan je zeggen: Ja kunst, dat is gewoon kopiëren en klaar. Maar dit is echt een project, met paden die niet kloppen, verouderde tech die niet meer werkt (Java applets anyone?), oude analytics codes die gebroken plaatjes geven.. allemaal rotklusjes in heel veel pagina’s, die zo’n AI fluitend oplost. Geef simpelweg het prompt “Next project, the De Meer memorial. It was the old stadium that got demolished. The link should be to https://michielb.nl/michielb/demeer.html The main attraction of this page was its guestbook, where people told stories. Please restore the page and the guestbook entries.” en Claude gaat aan de slag. Uitzoeken waar het staat in de backup, alles op de goede plek zetten, formulier van guestbook verwijderen maar wel de content intact laten. In een paar minuten tijd staat alles weer online, in volledige 1996 styling.

De reden dat dit ook werkt is omdat Claude Code oplossingen kan ontwikkelen voor legacy code. De AI las de source-code van de grafiekjes Java applet in Nedstat, en vertaalde het naar een SVG tekening. Stokoude perl code werd live aangepast naar moderne code, die werkte. Zonder dat ik dat hoefde te vragen.

Een van de prompts die ik Claude eerder mee gaf was: “We’re looking for restoration, not modernization. Leave the design as is, but repair broken elements, like a careful museum restoration”. En dat heeft prima gewerkt. Mijn zoon vroeg zich af: Wat was je schermresolutie toen? Aan het achtergrondplaatje te zien: zo’n 800 pixels. SVGA dus!

Dus mocht je kennis van HTML nou in 1995 zijn blijven steken, neem dan een kijkje in de HTMLHoek op https://michielb.nl/htmlhoek/ en je bent weer helemaal op 1996 niveau. Ook kan je de statistieken van mijn Ajax uitslagen pagina naslaan, tot juni 1996 dan, op https://michielb.nl/nedstat/stats/Ajax_Scores . Ja zo zag Nedstat er toen uit. Mijn oorspronkelijke site is zelfs ook nog te vinden: https://michielb.nl/nedstat/ . Het aanmeldformulier zal niet meer werken! Alle andere juweeltjes zijn te vinden via mijn ‘homepage’ op https://michielb.nl/michielb/home

Nuttig? Niet per sé. Leuk? Voor een select gezelschap: heel leuk.