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 iGameCard.astroog[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
• Oppdatertglobal.cssmed 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 breadcrumbi 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 breadcrumbi sidene - Eksperimentert med enklere måte å vise egne titler på
- Lagt opp til manuell tittelstyring via
- 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.jsog eksterne lenker) - Forberedt breadcrumbs og label-map (under arbeid)
- Testet og feilsøkt scriptplassering (
- 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 riktigscript is:inlineog håndtere eksterne lenker med en sjekk på domenet.
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.
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 feltintro(kort pitch, maks 255 tegn). Beholder små “chips” (spillere, tid, vanskelighetsgrad, tagger). - Innholdsoppsett
Oppdatertconfig.tsmed nytt feltintro. - Diverse
Rettet type-feil i Breadcrumb (href optional). Små stiljusteringer i date-tag, chips og hover-effekter. - Nye dynamiske spill-sider
Opprettetsrc/pages/spill/[slug].astromed 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.astromed 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).