Nerdesign · eksempler

Eksempler

Hele dokumenter, bygget bare med systemet – med fiktivt innhold

Hvert eksempel er én HTML-fil som lenker til nd.css. Åpne dem, bytt tema, og skriv dem ut – utskriften er alltid lys på hvitt, og sideskiftene er der arkene slutter.

Skjermbilde av dashboard-eksempelet i mørkt tema — **Dashboard**Nøkkeltall og fem grafer med ekte ECharts – linje, stolper, divergerende, varmekart, pH med målområde. Hver graf har datatabell. Bytt tema og se grafene følge.
Åpne

Første side av kursoversikten — **Kursoversikt**Fire sikringsskap, ett ark hver. `.nd-sheet`, `.nd-table--compact`, `.nd-footnote`.
Åpne · PDF

Utdelingsarket, én A4-side — **Utdelingsark**Et prospekt på nøyaktig én side med QR-felt limt til bunnen. `.nd-sheet--fixed`, `.nd-keyfacts`, `.nd-qr`.
Åpne · PDF

Etikettark med 24 etiketter — **Etikettark**24 klistrelapper til sikringsskap og teknisk rom. `.nd-label-sheet`, `.nd-label`.
Åpne · PDF

Slik lages PDF-ene

PDF-ene er skrevet ut med headless Chrome fra HTML-en, uten annen behandling. Kommandoen i repoet (npm run test:print) gjør det samme og feiler hvis sideantallet endrer seg – det er slik vi vet at et ark fortsatt er ett ark.

"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" \
  --headless --print-to-pdf=kursoversikt.pdf --no-pdf-header-footer \
  examples/circuit-overview.html