Att bygga en hemsida i Eleventy
Eller: Hur jag slutade ängslas och lärde mig älska statisk(ish) HTML
Jag har länge gått runt och varit lite trött på min personliga hemsida. Den har fyllt sin funktion, men var ihopsnickrad med tapetklister, mariekex och framgooglad kod. För den som inte är en extremt lojal följare såg den alltså ut såhär:
Utöver att domänen för bloggen gick ut för dryga halvåret sedan så säger den inte så mycket. Inspirerad av personer som Sophie Koonins otroliga konstverk/hemsida så valde jag att göra ett nytt försök på att använda Eleventy för att skapa en kombinerad landing page och blogg. Dock med (hittils) lite lägre verkshöjd. Till vardags är jag trots allt nätverkshäxa och inte webbdesigner, och sist jag sysslade med rå HTML/CSS på riktigt var på gymnasiet, en tid som läskigt nog långsamt närmar sig 10 år sedan.
Jag fattar många av koncepten, men att faktiskt försöka styra upp en helt ny layout i CSS med så många års ringrostighet är en enkelriktad väg till att få frispel, lägga ner och skrinlägga hela projektet.
Jag är något av en AI-skeptiker, men har börjat använda LLMer i yrket för felsökning och hjälp med att skriva enklare skript. I stort sett som ett Google som man kan ha ett samtal med. Därför bestämde jag mig för att testa att använda Claude när jag körde fast. Det fel som förr hade krävt ett dussintal googlingar för att hitta rätt person och sedan en rak kopiering av någon annans lösning på Stack Overflow eller Reddit, upprepat tills det blir pannkaka av alltihop, gav nu resultat.
Jag hyser trots denna upplevelsen fortsatt en stor skepsis mot AI, 'vibe coding', generativ AI för att skapa text och bild och allt som det för med sig och industrin kring det, men jag ser även hur språkmodeller i sig själva kan vara ett verktyg för den som vet och förstår vad de vill göra. Och jag har lärt mig tusen gånger mer än jag hade gjort om jag bara hade gett upp och använt WordPress eller något liknande verktyg. Jag slipper leta 'exakt rätt tema' som sedan ändå inte riktigt kännas rätt. Varje rad HTML eller CSS är under min kontroll.
Eftersom jag hade problem att få VSCode/VSCodium att funka ordentligt på Fedora, så fick jag även en chans att prova Zed. Det är definitivt för tidigt att göra ett konkret utlåtande, men hittils har det varit en positiv upplevelse, och det är alltid fint med lite mer konkurrens på texteditor-marknaden. Koden för den här sidan finns för övrigt på Codeberg under en GPL3-licens.
I fortsättningen hoppas jag att denna hemsidan kan vara en plats för både mer tekniskt innehåll, reflektioner och rent personliga inlägg. Kanske jag kan plocka upp kameran igen lite mer? Varje nytt inlägg blir också en chans att fortsätta utveckla min kodbas, vilket jag ser fram emot!
Bilden på CSS3 och HTML5-loggorna: daPhyre, CC BY 3.0, via Wikimedia Commons
