Det er meg – meg selv Tonie

Gratulerer, du fant nettsiden mintorsdag 28. august kl. 00:06

Denne nettsiden har jeg skrevet for hånd, helt fra bunnen. Jeg skriver i HTML og CSS, og har lært meg å bruke JavaScript der jeg må – som i menyen som åpner og lukker seg på mobil. Den er jeg veldig stolt av, og jeg brukte ca 5 timer på å sette den opp.

NYESTE NYTT GUTTAAA! søndag 07. september kl. 19:06

OMG, jeg er sååå stolt av denne: Du, jeg og andre har nemlig klikket på siden min → ganger i dag.

Totalt har siden blitt besøkt → ganger siden .

NB! Det er mest meg selv som tester og klikker opp til 100 ganger i timen.

📜 Changelog søndag 28. september kl. 11:27

Oppdatering – 6. oktober 2025

feat: oppdatert breadcrumb-struktur, forbedret footer-stil og spill-navigasjon.

21 files changed, 149 insertions(+), 260 deletions(-)

  • Fjernet utdaterte spillfiler og lagt til plassholder for kommende spill.
  • Oppdatert breadcrumb-logikken slik at den viser nye navigasjonsstier.
  • Forbedret utseendet på footeren for mer visuell helhet.
  • Justert navigasjonslenker slik at de peker til den nye spilloversikten.
  • Rettet små skrivefeil og formateringsfeil i ulike innholdsfiler.
  • Refaktorisert komponenten for oppskriftssteg for bedre lesbarhet.
  • Generell opprydding og optimalisering i kodebasen.

29. september – 1. oktober

16 files changed, 268 insertions(+), 43 deletions(-)

  • Kortspillbibliotek
    • Fikset feil i GameCard.astro og [slug].astro (destructuring, tags og anbefalt-merke).
    • Kortlayout oppdatert: horisontale på desktop, 1–2 kolonner på mobil/tablet.
    • Spill-sidene viser nå metadata som chips (spillere, tid, vanskelighetsgrad, anbefalt, tags) og lenke tilbake til oversikten.
  • Typografi og stil
    • Oppdatert global.css med tettere line-height for H1–H4.
    • Justert spacing mellom overskrifter og listepunkter.
    • Eksperimentert med heading-hierarki (f.eks. hoppe fra H1 til H3) og små tekster med <small>.
  • Dato- og tidskomponenter
    DateTag.astro: flere varianter (i dag, i går, for X dager/uker siden, kortformat «søn 07 sep 18.25»).
    TimeCounter.astro: teller utviklingstid og morsomme sammenligninger (hundeår, døde lapphunder, måneturer).
  • Breadcrums og navigasjon
    • Testet dynamiske breadcrumbs, men valgt enklere løsning med manuell tittelstyring (export const breadcrumb i sidene).
  • Content og schema
    • Ryddet opp i frontmatter (pubDate) for å matche schema.
    • Rettet feil i oppsett av oppskrifts- og spillfiler (string vs date).
  • Commit-log
    • Laget logg i HTML-format for å vise endringer dag for dag på nettsiden.

September 2025

28. september 2025

feat: oppdateringer på spill, breadcrumbs og typografi

  • Breadcrumb:
    • Lagt opp til manuell tittelstyring via export const breadcrumb i sidene
    • Eksperimentert med enklere måte å vise egne titler på
  • GameCard / Spill:
    • Justert layout så spillkort er horisontale på desktop, men 1–2 spalter på mobil/tablet
    • Lagt til mer fokus på subtitle (sort tekst, mindre skrift)
    • Meta-tags (spillere, tid, vanskelighetsgrad, anbefalt, tags) rendres som «chips»
  • Spill-sider ([slug].astro):
    • Fikset feil i destructuring og rendering
    • Lagt inn anbefalt-tag og liste for metadata
    • Koblet tilbake til oversikten
  • CSS / typografi:
    • Strammet inn line-height for H1–H4 (mindre avstand mellom headings)
    • Justert spacing mellom listepunkter
  • Diverse:
    • Testet og feilsøkt scriptplassering (menu.js og eksterne lenker)
    • Forberedt breadcrumbs og label-map (under arbeid)

    15 files changed, 1133 insertions(+), 234 deletions(-)

    Det har vært en krevende dag. Mange små feil (overstyring i global CSS, feil med imports, hjertet som ikke ble rosa, og DateTag som ikke ville vise riktig format). Likevel ser jeg at jeg har tatt store steg – jeg har fått bedre kontroll på komponentene og begynt å skjønne hvordan ting henger sammen i Astro.

  • GameCard: jeg har endelig fått kortene til å se bedre ut. Undertittel har fått mer fokus (sort, mindre font) og meta-tags vises som små chips. Kortene er vertikale på mobil og horisontale på desktop.
  • DateTag: oppdatert logikken slik at relative datoer gir mening. Nå håndterer den både “i dag”, “i går” og full dato når det trengs.
  • Global CSS: linjeavstand på H1–H4 har vært vanskelig. Jeg synes overskriftene tok for mye plass. Etter mange forsøk er marginer og line-height strammet inn slik at det føles tettere og renere.
  • [slug].astro: jeg prøvde å vise både undertittel og publiseringsdato med DateTag. Det var knotete å få riktig data inn som props, men jeg begynner å forstå hvordan Astro.props fungerer.
  • BaseLayout: jeg sleit med script-plassering og import av menu.js. Fant ut at jeg måtte bruke riktig script is:inline og håndtere eksterne lenker med en sjekk på domenet.

27. september

  • Refaktorering av stilark (CSS)
    Justert grunnstørrelse på tekst med fleksibel funksjon (clamp() → mellom 16px og 20px). Ryddet opp i overskriftsnivå (H1–H4) og brødtekst. Gjorde H2 litt mindre (maks 28px) for bedre lesbarhet. Oppdatert typografi i footer og navigasjon.
  • Brødsmulesti (Breadcrumb)
    Ny komponent (Breadcrumb.astro) som sporer hvor man er på siden (Astro.url.pathname). Viser alltid «Forside» først. Viser sidens tittel (frontmatter.title) på spillsider. Design: diskret (14px), blå lenker, nåværende side i svart.
  • Spillkort (GameCard)
    Fjernet bilde på kortene (nå tekstbaserte). Lagt til underoverskrift (subtitle). Nytt felt intro (kort pitch, maks 255 tegn). Beholder små “chips” (spillere, tid, vanskelighetsgrad, tagger).
  • Innholdsoppsett
    Oppdatert config.ts med nytt felt intro.
  • Diverse
    Rettet type-feil i Breadcrumb (href optional). Små stiljusteringer i date-tag, chips og hover-effekter.
  • Nye dynamiske spill-sider
    Opprettet src/pages/spill/[slug].astro med getStaticPaths() som lager én side pr. spill. Bruker CollectionEntry<"games"> for typing i spill-komponenter. Metadata vises som chips både på kort og detaljsider.

18. september

  • Ny Hero-komponent (fullbredde seksjon, responsiv, bryter ut av kolonne).
  • Header & Footer (mindre luft, hjerte øverst til høyre, footer horisontal/vertikal).
  • Typografi (justerte overskrifter med clamp(), line-height, letter-spacing).

17. september

  • Rettet en feil (fix: div).

7. september

  • Ny datomerking (DateTag) (viser “i dag”, “i går”, “for 1 uke siden” osv.).
  • Besøksteller (PageView) (viser dagens og totalt antall besøk).
  • Tids-teller (Counter) (viser tid siden startdato, inkl. hundeår, måneturer osv.).

4. september

  • Småjusteringer i kildekoden (chore: fixed small src).

31. august

  • Rettet feil i blogginnlegg-layout (sti til MarkdownPostLayout.astro).
  • Navigasjonsmeny (ny hamburger for mobil, skjuler separatorer, bedre tilgjengelighet).
  • Generell rydding (redeploys, refaktorering).

27. august

  • Typografi (H1 maks 50px, H2 maks 36px, H3 maks 28px, skalerer med clamp()).
  • BaseLayout (eksterne lenker åpner i ny fane med sikkerhet).
  • Ryddet global.css (Times font, oppdatert container og nav).

26. august

  • Refaktorering av BaseLayout og navigasjon (HTML-struktur, header, footer, <slot /> i <main>, unike titler, ryddet props og slots).

25. august

  • Ny måler for dataforbruk (PageWeight) (viser hvor mye data siden laster i KB).
  • Kodeformattering med Prettier.
  • Rettet filnavn (Navigation.astro med stor N).
  • CSS og footer (mer styling og sosiale medier-lenker).

24. august

  • Ny bloggpost og sider (første innlegg, about og blog-sider).
  • Domene og GitHub Actions (CNAME og deploy workflow).
  • Oppdatert README (personlig tekst).

23. august

  • Starten på prosjektet (Initial commit fra Astro, første commit i repo).