Et sted der informasjon finner hjem.

Dashbord, rapporter, lysbilder, diagrammer og små kalkulatorer. Tún utforsker et felles verktøysett for informasjon som kan deles, uten mer programvare og administrasjon enn oppgaven trenger.

Norrønt tún er stedet der gården samles. Her er det et bilde på hva vi vil lage: et sted for kunnskap, gjenbruk og folk som gjør små informasjonsoppgaver enklere. Spørsmålet er det samme hver gang: Hva må dette artefaktet ha med seg?

Én kjerne, flere slags arbeid

Kjernen vi vil bygge består av Markdown-skills og gjenbrukbar HTML, CSS og JavaScript. Skills beskriver oppgaven og kontrollene. Maler gir struktur. Kontroller sjekker data, tilgjengelighet og resultat. Gjenbruk det som virker, og bruk tiden på historien du vil fortelle.

Fellesskap rundt kjernen. Vi ønsker eksempler, tilbakemeldinger og forbedringer fra flere. En god løsning på én liten oppgave kan bli et utgangspunkt for den neste.
Innhold før leveringssted. En rapport, et lysbildesett eller et diagram trenger en tydelig dataavtale før vi velger fil, mappe eller nettadresse.
Opphav følger resultatet. Kilde, metode, versjon og tidspunkt følger dataene. Leseren kan gå fra et poeng til tallene bak det, i samme dokument.

Prøv tre uttrykk for de samme tallene

Et dashbord lar deg velge. Lysbilder forteller i rekkefølge. En rapport binder tekst og tall til én versjon. Under bruker alle tre det samme oppdiktede datasettet. Se hvordan de samme tallene blir til tre ulike leseopplevelser. Hva finnes nå?

Denne siden er også en fil

Innhold, stil og demoer ligger i denne filen. Den trenger ikke JavaScript eller nettverk for å vise dem i en nettleser. JavaScript kan likevel være nyttig i det bredere verktøysettet, for eksempel til beregninger og filtre. Eksterne lenker åpner andre nettsteder bare når du velger dem.

På nettstedet kan du bruke knappen. Leser du allerede en lokal kopi, bruk nettleserens Lagre som for å beholde den som HTML.

Last ned denne siden

1. Dashbord: velg kvartal

Bytt kvartal. CSS viser et annet panel; ingen nye data hentes.

Velg kvartal i 2026

Q1 2026

Oslo
42 mill.
Bergen
28 mill.
Trondheim
19 mill.
Stavanger
16 mill.
Tromsø
9 mill.

Q2 2026

Oslo
38 mill.
Bergen
31 mill.
Trondheim
22 mill.
Stavanger
14 mill.
Tromsø
11 mill.

Q3 2026

Oslo
45 mill.
Bergen
26 mill.
Trondheim
24 mill.
Stavanger
18 mill.
Tromsø
12 mill.

Q4 2026

Oslo
51 mill.
Bergen
34 mill.
Trondheim
21 mill.
Stavanger
20 mill.
Tromsø
14 mill.
Oppdiktede tall, kun for å vise teknikken. Omsetning i millioner kroner. Alle fire kvartalene ligger i filen; valget bestemmer bare hvilket som vises. Stolpene bruker samme skala med 51 mill. som full bredde.

2. Lysbilder: ett poeng om gangen

Et lite HTML-deck med tre lysbilder. Bruk valgene eller piltastene når et valg har fokus. Ingen JavaScript.

Velg lysbilde

1 av 3 · Oppdiktede tall · 2026

Fem regioner, ett utgangspunkt

Q1: 114 mill.

  1. 1 Oslo42
  2. 2 Bergen28
  3. 3 Trondheim19
  4. 4 Stavanger16
  5. 5 Tromsø9
Fem deler av samme sum. Bredden følger omsetningen; numrene kobler del og region.

2 av 3 · Oppdiktede tall · 2026

Q4 har en høyere sum enn Q1

Q4: 140 mill.

Q1114
Q4140
Felles skala: 0–140 mill. Skravert felt: forskjellen på 26 mill.

+26 mill. (+22,8 %) sammenlignet med Q1. Regnet som (140 − 114) / 114 × 100, avrundet til én desimal.

3 av 3 · Oppdiktede tall · 2026

Forskjell er ikke forklaring

Data
140 mill.Fem regioner · Q4
Tekst
Oslo har størst verdi i dette uttrekket.
Kilde
Oppdiktede tall.
Metode: enkel sum.
Q4 2026 · demo-2026-v1 · Data, tekst og kilde frosset sammen.

Tallene viser ingen årsak, prognose eller helårsvekst. Nye data krever en ny kontrollert fortelling.

3. Rapport: et frosset Q4-uttrekk

Oppdiktede tall · Q4 2026 · demo-2026-v1 · laget 18. september 2026

De fem regionene har samlet oppdiktet omsetning på 140 mill. kroner. Oslo har den største verdien i dette uttrekket: 51 mill. kroner. Følg summen til den nøyaktige tabellen bak påstanden.

Rapportens eget Q4-uttrekk. Uavhengig av kvartalsvalget over.
RegionMill. krSkala 0–51
Oslo51
Bergen34
Trondheim21
Stavanger20
Tromsø14
Sum140
Kilde
Originale, oppdiktede demonstrasjonstall i denne filen. Ikke observerte resultater eller en prognose for Q4.
Metode
51 + 34 + 21 + 20 + 14 = 140. Én verdi per region; enkel summering uten vekting. Stolpene viser de samme fem verdiene.
Avgrensning
Ingen årsakspåstand. Ingen slutning om kunder, utvikling over tid eller regioner utenfor uttrekket.
Versjonsavtale
Data, tekst, diagram, kilde og metode er frosset sammen i demo-2026-v1. Nye tall krever en ny kontrollert rapportversjon; ikke bytt en datafil og la den gamle konklusjonen stå.

Velg hvordan arbeidet skal leve videre

Et beslutningsgrunnlag kan fryses. En ukeoversikt skal fornyes. Et arbeidsverktøy kan trenge ferske svar. Dataavtalen beskriver hva som følger med, og hvordan neste versjon kommer frem.

Selvstendig fil: send hele historien

Data, grensesnitt og nødvendige ressurser følger med. Leseren kan ta filen med seg og åpne den uten datakilden. Neste utgave bygges som en ny fil. Det passer en månedsrapport, et møteunderlag eller en avgrenset analyse.

Filpar: behold visningen, forny tallene
kvartal/
├── dash.html
└── data.js

I dette mønsteret ligger en betrodd data.js ved siden av dash.html. Begge er lokalt tilgjengelige. Visningen kan beholdes mens en kontrollert produsent lager neste datauttrekk. Produsenten kan være en person som velger en ny CSV-fil, en AI-skill eller en planlagt jobb som henter data og skriver den avtalte filen til mappen.

Produsent → valider → erstatt → synkroniser → last inn på nytt

Kontroller skjema, versjon, summer og datatidspunkt. Erstatt datafilen, vent på fullført synkronisering, last inn siden på nytt og sjekk den synlige dataversjonen. En gammel nettleserbuffer eller lokal kopi kan ellers vise gamle tall. Dette er en oppdatering ved ny innlasting, ikke sanntidslevering.

Tilkoblet mappe: et lite arbeidsrom

En mappevelger kan gi et verktøy tilgang til filer brukeren velger. Tenk et prosjektrom med notater, uttrekk og vedlegg på ett sted, med eksplisitt lese- eller skrivetillatelse. Nettleserstøtte og samtidige endringer må være en del av avtalen.

Backend: ved bygging eller mens verktøyet brukes

En database eller et API kan levere uttrekk, beregninger eller ferske svar. Velg om tjenesten skal brukes under byggingen eller mens leseren bruker resultatet. Det valget er uavhengig av hvor HTML-filen ligger.

Backend ved bygging: hent én gang, del et uttrekk

En godkjent jobb henter fra en database eller et API og bygger månedsrapporten. Data og tekst følger den ferdige filen. Leseren trenger ikke kontakt med denne backend-en.

Backend ved åpning: spør når leseren trenger svaret

Et tilkoblet verktøy kan bruke et API til å hente siste status eller gjøre en beregning mens det brukes. Da er nettverk, innlogging, tilgangskontroll og håndtering av feil en del av løsningen.

Leveringssted: fra delt fil til nettadresse

Del en fil som vedlegg, bruk en synkronisert mappe, eller gi verktøyet en nettadresse. SharePoint og OneDrive kan brukes til deling, nedlasting og synkronisering. Her er tre illustrerende valg for et HTTP-nettsted:

  • GitHub Pages: statisk publisering av HTML, CSS og JavaScript, for eksempel et nettsted med ferdigbygde rapporter.
  • Cloudflare Workers Static Assets: statiske filer, med valgfri Worker-kode for et API i samme løsning.
  • Azure Static Web Apps: statisk innhold med muligheter for API og autentisering, for eksempel et tilkoblet arbeidsverktøy.

Dette er plattformvalg å vurdere, ikke leverte Tún-adaptere. Plattformenes dokumentasjon beskriver deres funksjoner; hvert oppsett må prøves i sitt miljø. AWS, GCP og Vercel er også kandidater for hosting eller produksjonsjobber; Google Drive er en kandidat for fildeling. Vi lover støtte først når den konkrete tjenesten og leveringsveien er prøvd.

Fra Markdown-skill til kontrollert resultat

En skill er en redigerbar oppskrift: kilde, mal, kontroller og godkjenning. Slik kan den se ut:

Et utkast til SKILL.md

Illustrerende utkast: en liten oppskrift som kan leses, endres og gjenbrukes.

---
name: rapport-uttrekk
description: Lag en kort rapport fra et kontrollert datauttrekk.
---
1. Oppgi kilder, metode, datatidspunkt og dataversjon.
2. Bruk en versjonslåst HTML-mal. Frys tekst, tall og diagram sammen.
3. Valider summer og konklusjoner. Prøv tastatur, mobil og leveringssted.
4. Vis hele resultatet til et menneske. Få godkjenning før publisering.
Arbeidsflyten fra oppgave til godkjent fil
  1. Beskriv oppgaven. Mottaker, spørsmål, datakilde og hva resultatet ikke skal brukes til.
  2. Velg avtale og mal. Fil, filpar, mappe eller tilkoblet løsning. Lås versjonene av maler og verktøy.
  3. Bygg og kontroller. Sjekk skjema, summer, tekst mot data, opphav og feiltilstander.
  4. Prøv der mottakeren skal lese. Tastatur, mobil, lokal fil eller HTTP. Mål filstørrelse og sjekk avhengigheter.
  5. Få menneskelig godkjenning før publisering. Kontroller målgruppe og rettigheter. Del den kontrollerte versjonen.

Del en forbedret oppskrift, og neste produsent starter et steg lenger frem. Tún skal samle dataavtaler, gjenbruk og kontroller rundt verktøy som allerede gjør jobben godt.

Killbox: mindre omvei, mer innhold

Tenk verktøykasse, ikke ett stort program. Her er oppgaver vi vil gjøre enklere: små leveranser som kan slippe unødvendig Office- og BI-administrasjon. Velg historien, og la formatet gjøre den lettere å bruke.

  • Salgsmøtet → en historie leseren kan undersøke

    La et lysbildesett bære interaktive diagrammer i stedet for skjermbilder. Bytt periode, se forskjellen og gå tilbake til tallene mens samtalen pågår.

    Når trenger du mer?

    PowerPoints fulle redigeringsmiljø og PPTX-eksport er egne behov. Radsikkerhet og levende spørringer krever en passende dataløsning.

  • Beslutningsnotatet → en rapport med etterprøvbare påstander

    La hver viktig påstand peke til sin nøyaktige tabell. Rapportens sum på 140 mill. viser mønsteret: tekst, tall, diagram og opphav følger samme versjon.

    Når trenger du mer?

    Samtidig redigering og endringssporing kan høre hjemme i et dokumentverktøy. En ny dataversjon krever ny kontroll av rapportteksten.

  • «Hva hvis?» → en liten scenariokalkulator

    La leseren endre antall og enhetspris, og vis formelen ved siden av svaret: beløp = antall × enhetspris. Med 120 enheter og 250 kr per enhet blir eksemplet 30 000 kr. Forutsetningene er synlige, ikke gjemt i en celle.

    Når trenger du mer?

    Komplekse avhengigheter, Excels beregningsmodell og godkjente beslutningsmodeller krever egne verktøy og tester.

  • «Hva gjør jeg nå?» → et prosesskart med arbeidsinstruks

    Vis flyten fra mottak til kontroll og levering. La hvert trinn åpne ansvar, sjekkliste og runbook i samme dokument. Oversikt først, detaljene når de trengs.

    Når trenger du mer?

    Et lesbart prosesskart er noe annet enn en motor som utfører prosessen, simulerer den eller styrer godkjenninger.

  • Prosjektoppdateringen → et rom for sammenhengen

    Samle tidslinje, milepæler, beslutninger og vedlegg. La leseren følge en beslutning fra dato til begrunnelse, fremfor å lete gjennom møtereferater og lysbilder.

    Når trenger du mer?

    Felles redigering, revisjonsspor og ulike tilgangsnivåer kan kreve et tilkoblet prosjektverktøy.

Rammene som gjør resultatet til å stole på

En fil kan ikke holde på en hemmelighet. Alt som følger med, kan leses av den som får filen. Tjenestenøkler og andre hemmeligheter hører aldri hjemme i generert HTML.

Tilgang før deling, kontroll der dataene brukes

Filrettigheter styrer hvem som kan hente en fil før levering. De trekker ikke tilbake allerede nedlastede data. Nettleserfiltre er ikke tilgangskontroll. Bruk en løsning med håndhevet radsikkerhet, for eksempel riktig konfigurert Power BI, når lesere skal se ulike rader. Godkjenn uttrekk og målgruppe før publisering.

En fil, et filpar og en tilkobling har ulike avtaler

Et filpar er ikke selvstendig. En JS-sidefil kjører kode og krever en betrodd produsent; vilkårlig opplastet JavaScript er ikke trygge data. Mappevalg krever eksplisitt tillatelse, nettleserstøtte og håndtering av skrivekonflikter. Det gir ikke stille overvåking av mapper. En backend ved åpning gjør verktøyet tilkoblet og avhengig av nettverk og tjenestens tilgangskontroll.

Prøv den faktiske leveringsveien

Synkronisering og nedlasting er ikke det samme som HTML-hosting. Forhåndsvisninger kan begrense innhold og kode. Test lokal fil, mappe eller HTTP slik mottakeren skal bruke det, også på mobil og med tastatur. Mål filstørrelsen; «lett» er ikke en universell ytelsesgaranti. Vurder lisensene til maler og verktøy før gjenbruk.

Her begynner verktøykassen

Kilder og inspirasjon fra andre prosjekter

Andre prosjekter viser hvor mye en nettleser kan bære. Her er kilder til formatene, verktøyene og ideene vi kan lære av. Lenker er vanlig navigasjon; demoene over er originale og bruker ingen maler fra disse prosjektene.

  • Agent Skills-spesifikasjonen: et format for skills med instruksjoner og metadata.
  • reveal.js: HTML-lysbilder med foredragsnotater, vertikale spor og animasjon mellom like elementer. En presentasjon kan være et grensesnitt, ikke bare en rekke bilder.
  • Marp: Markdown og CSS til HTML, PDF og PowerPoint. Vanlig PPTX-eksport bruker bilder av lysbildene; redigerbar eksport er eksperimentell og har begrensninger.
  • Quarto: rapporter med beregninger under bygging og HTML med innebygde ressurser. Nyttig for ideen om at analyse, tekst og datagrunnlag hører sammen.
  • TiddlyWiki: en wiki som kan bo i én HTML-fil. Et godt eksempel på at «én fil» kan romme et arbeidsverktøy, ikke bare et dokument.
  • Observable Framework: datalastere ved bygging og interaktive dataapper i nettleseren. Resultatet er et statisk nettsted, ikke automatisk én fil.
  • Mermaid CLI: tekst til diagrammer som SVG. Et ferdig diagram kan bygges inn i rapporten uten at leseren trenger diagrammotoren.

Nå: tre originale HTML/CSS-demoer med Oppdiktede tall: kvartalsfilter, lysbilder og rapport. Resten er muligheter og utkast, ikke leverte funksjoner eller Tún-integrasjoner.

Hva gjenstår?

Skill-eksemplet er et utkast. Kalkulator, prosjektrom, generell dataoppdatering, mappevelger, backends og PPTX-eksport er ikke levert her. JavaScript kan gi beregninger og rikere samspill i kommende artefakter. Eventuelle betalte tjenester er ikke avklart.

Videre: skills, maler og kontroller fra fellesskapet. En åpen kildekodekjerne er målet; eierskap og lisens må avklares før publisering.


Vil du følge med?

Dette er tidlig. Har du en liten oppgave som krever for mye administrasjon, et eksempel å dele eller en innvending? Ta gjerne kontakt. Siden har ikke registreringsskjema, sporingskode eller informasjonskapsler. E-postlenken åpner e-postprogrammet ditt; den sender ikke noe fra denne siden.

Si ifra at du er interessert

Du kan også kopiere adressen: hei@tun.community