Hugo Delphinus Template

En Hugo template baseret på AU Delphinus Designsystem.

Kom i gang

1. Installer Hugo (https://gohugo.io/installation/)
2. Kør udviklerserver:

   hugo server -D

3. Åbn http://localhost:1313 i din browser

Struktur

hugo-delphinus-template/
├── archetypes/          # Templates til nyt indhold
├── content/             # Sideindhold (Markdown)
├── layouts/
│   ├── _default/        # Basis layouts
│   ├── partials/        # Genbrugelige komponenter
│   └── shortcodes/      # Hugo shortcodes
└── static/
    ├── css/style.css    # Delphinus CSS
    ├── js/app.js        # Delphinus JavaScript
    └── assets/          # Logoer og ikoner

Konfiguration

Rediger hugo.toml for at ændre:

• Site titel og beskrivelse
• Navigation menu
• Sprog (da/en)

Tilgængelige Shortcodes

Button

{{</* button url="/link" text="Klik her" */>}}
{{</* button url="/link" text="Sekundær" type="dimmed" */>}}

Callout

{{</* callout type="info" */>}}Information her{{</* /callout */>}}
{{</* callout type="warning" */>}}Advarsel{{</* /callout */>}}
{{</* callout type="error" */>}}Fejl{{</* /callout */>}}
{{</* callout type="success" */>}}Succes{{</* /callout */>}}

Grid Layout

{{</* row */>}}
  {{</* col size="6" */>}}Venstre kolonne{{</* /col */>}}
  {{</* col size="6" */>}}Højre kolonne{{</* /col */>}}
{{</* /row */>}}

Delphinus CSS Klasser

Se memory-filen au-delphinus-designsystem.md for fuld reference, eller besøg https://delphinus.au.dk

Ofte brugte klasser

Klasse	Brug
.button	Primær knap
.button--dimmed	Sekundær knap
.text--stamp	Kategori-label
.text--intro	Introduktionstekst
.content-container	Indholdscontainer
.theme--dark	Mørkt tema
.theme--normal	Lyst tema

Opret nyt indhold

hugo new nyheder/min-nyhed.md

Build til produktion

hugo --minify
docker run --rm -v $(pwd)/public:/site -w /site node:20-alpine npx pagefind --site .

Output gemmes i public/ mappen.

Search (Pagefind)

This template uses Pagefind for search functionality. After building Hugo, run Pagefind to index the content:

Using Docker

# Build and index
hugo --minify
docker run --rm -v $(pwd)/public:/site -w /site node:20-alpine npx pagefind --site .

For development, you can run:

hugo && docker run --rm -v $(pwd)/public:/site -w /site node:20-alpine npx pagefind --site . && hugo server

With Node installed

# Install pagefind (one time)
npm install -g pagefind

# Build and index
hugo --minify
pagefind --site public

# For development
hugo && pagefind --site public && hugo server