Mikkel Manniche
Dansk English Deutsch

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.

Webdesign Håndskrevet kode Privatliv Besøg sitet
terjepedersen.dkScroll i vinduet
Hele forsiden på TerjePedersen.dk

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/

  1. DM Mono 400 dm-mono-400-latin.woff2 + dm-mono-400-latin-ext.woff2
  2. Manrope 200 manrope-200-latin.woff2 + manrope-200-latin-ext.woff2
  3. Manrope 300 manrope-300-latin.woff2 + manrope-300-latin-ext.woff2
  4. Manrope 400 manrope-400-latin.woff2 + manrope-400-latin-ext.woff2
  5. 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

  1. / Forsiden
  2. /om/ Om
  3. /projekter/ Projekter
  4. /privatliv/ Privatliv
  5. 404.html Fejlside
  6. sitemap.xml Sitemap
  7. robots.txt Robots

Ingen database og ingen byggeproces — browseren læser filerne direkte fra webroden.

Skriv til mig