TerjePedersen.dk
Terje Pedersens gamle hjemmeside var en tom WordPress-skabelon: et navn, et foto og en menu, hvor punkterne pegede på afsnit, der ikke fandtes. Jeg byggede den om fra bunden som fire håndskrevne sider.
Udfordringen
Der var reelt intet at genbruge. Sitet kørte WordPress med et tema og en sidebygger, men ud over portrætfotoet og nogle få tekstlinjer var der intet indhold at flytte over. Terje ville have en side, der fortæller, hvem han er, og hvad han står bag, ikke en skabelon, der aldrig blev fyldt ud.
Hvad der blev bygget
Fire sider: forsiden, Om, Projekter og Privatliv, plus en 404-side, sitemap og robots.txt. Designet blev valgt af Terje selv blandt fem gennemarbejdede retninger, ikke bare fem farvesæt.
Indholdet er hans egne ord: de slogans, han selv har formuleret, hans faktiske roller og årstal, og tre ord om, hvordan han arbejder. Der står kun det, der kan dokumenteres.
Teknikken
Almindelig HTML og CSS uden framework, uden CMS og uden byggeproces. Browseren læser filerne direkte, så siden er hurtig og har intet, der skal opdateres for at forblive sikker.
Skrifterne ligger på Terjes eget domæne i stedet for at blive hentet fra Google Fonts. Det er et bevidst valg: at hente skrifter fra Google sender den besøgendes IP-adresse videre, og en tysk domstol har afgjort, at det kræver samtykke (LG München, 3 O 17493/20). Fordi alt ligger på hans eget domæne, er der ingen tredjeparter og intet cookiebanner.
Skrifttyperne flytter hjem10 filer · eget domæne
Mange sites henter fra
fonts.googleapis.com
terjepedersen.dk henter fra
/assets/fonts/
- DM Mono 400
dm-mono-400-latin.woff2+dm-mono-400-latin-ext.woff2 - Manrope 200
manrope-200-latin.woff2+manrope-200-latin-ext.woff2 - Manrope 300
manrope-300-latin.woff2+manrope-300-latin-ext.woff2 - Manrope 400
manrope-400-latin.woff2+manrope-400-latin-ext.woff2 - Manrope 500
manrope-500-latin.woff2+manrope-500-latin-ext.woff2
To skriftsnit, fem sæt (400, 200, 300, 400, 500), hvert sæt i to underspor (latin og latin-ext) — ti filer i alt, alle hentet fra terjepedersen.dk.
Resultatet
En side, der er gået fra tom skabelon til fire sider med rigtigt indhold, hvor alt er selvhostet, også skrifterne. Siden er versionsstyret, så hver ændring kan følges og rulles tilbage.
Hele sitet7 filer · ingen CMS
/Forsiden/om/Om/projekter/Projekter/privatliv/Privatliv404.htmlFejlsidesitemap.xmlSitemaprobots.txtRobots
Ingen database og ingen byggeproces — browseren læser filerne direkte fra webroden.