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.
Bytt kvartal. CSS viser et annet panel; ingen nye data hentes.
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.
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.
Region
Mill. kr
Skala 0–51
Oslo
51
Bergen
34
Trondheim
21
Stavanger
20
Tromsø
14
Sum
140
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.
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
Beskriv oppgaven. Mottaker, spørsmål, datakilde og hva resultatet ikke skal brukes til.
Velg avtale og mal. Fil, filpar, mappe eller tilkoblet løsning. Lås versjonene av maler og verktøy.
Bygg og kontroller. Sjekk skjema, summer, tekst mot data, opphav og feiltilstander.
Prøv der mottakeren skal lese. Tastatur, mobil, lokal fil eller HTTP. Mål filstørrelse og sjekk avhengigheter.
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.
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.