- **Hamburger-Navigation** auf mobilen Geräten mit Fullscreen-Overlay und eigenem Stacking Context

- **Dropdown-Menus** für verschachtelte Navigation (Touch-optimiert auf Mobile)

- **Integrierte Suche** — Lupe in der Navbar mit Ctrl+K Shortcut

QuillDrop unterstützt sowohl Tags als auch Kategorien zur Strukturierung von Inhalten:

- **Tag-Übersicht** unter `/tags/` mit Anzahl der Posts pro Tag

- **Tag-Seiten** unter `/tags/kubernetes/` mit allen Posts eines Tags

- **Kategorie-Übersicht** unter `/categories/` mit Anzahl der Posts pro Kategorie

- **Kategorie-Seiten** unter `/categories/technik/` mit allen Posts einer Kategorie

- **Tag- und Kategorie-Badges** auf Post-Cards und Einzelseiten

- Tags und Kategorien werden aus dem YAML-Frontmatter (`tags`, `categories`) ausgelesen

### Volltextsuche

QuillDrop enthält eine integrierte Client-seitige Suche, die komplett ohne Backend auskommt:

- **Suchindex** — Beim Generieren wird eine `search-index.json` mit allen Posts erstellt

- **Lazy Loading** — Der Suchindex wird erst beim ersten Öffnen der Suche geladen

- **Multi-Term-Suche** — Mehrere Suchbegriffe werden mit UND verknüpft

- **Felder** — Durchsucht Titel, Vorschau, Tags und Kategorien

- **Keyboard-Shortcut** — `Ctrl+K` / `Cmd+K` öffnet die Suche

- **Lupe in der Navbar** — Klick auf das Such-Icon öffnet das Suchfeld

- **Debounce** — Suchergebnisse erscheinen nach 200ms Tippverzögerung

- **Maximal 8 Treffer** mit Highlighting der Suchbegriffe

- **Escape** oder Klick außerhalb schließt die Suche

- Kein externer Dienst, kein Framework — reines Vanilla JavaScript

### Artikel-Navigation

Am Ende jedes Blog-Posts wird eine Navigation zum vorherigen und nächsten Artikel angezeigt:

- **Neuerer Artikel** (← links) — Verlinkt zum chronologisch neueren Post

- **Älterer Artikel** (→ rechts) — Verlinkt zum chronologisch älteren Post

- Beim neuesten Artikel wird nur "Älterer Artikel" angezeigt

- Beim ältesten Artikel wird nur "Neuerer Artikel" angezeigt

- Zeigt jeweils den Titel des verlinkten Artikels an

### Inhaltsverzeichnis (Table of Contents)

Posts können ein automatisch generiertes Inhaltsverzeichnis aktivieren:

- Aktivierung über `toc: true` im Frontmatter

- Unterstützt **H1, H2 und H3** Überschriften

- **Relative Einrückung** — Das TOC erkennt die minimale Heading-Ebene und rückt relativ dazu ein

- Automatische Anchor-Links zu den jeweiligen Überschriften

- Wird client-seitig generiert für schnelle Seitenladezeit

Automatisch generierter RSS 2.0 Feed unter `/index.xml` mit:

- URL `/index.xml` für Kompatibilität mit bestehenden Blog-Setups

│   ├── js/

│   │   ├── theme.js                 # Dark/Light Toggle + TOC Generator

│   │   └── search.js                # Client-seitige Volltextsuche

│   │   ├── post.go                  # Post Struct + FlexTime + Tags/Categories

│   ├── generator/

│   │   ├── generator.go             # Static Site Generator

│   │   └── search.go                # Search-Index Generator (JSON)

│       ├── base.html                # Base Layout + Navbar + Suche

│       ├── post.html                # Einzelner Post + Prev/Next Navigation

│       ├── tag.html                 # Tag-Seite

│       ├── categories.html          # Kategorie-Übersicht

│       └── category.html            # Kategorie-Seite

| JavaScript | Vanilla JS — Theme Toggle, Suche, TOC (kein Framework) |

Alle URLs verwenden konsequent Trailing Slashes, um serverseitige Redirects zu vermeiden:

| `/page/2/` | Seite 2 der Post-Liste |

| `/posts/2025-11-06-mein-post/` | Einzelner Blog-Post |

| `/tags/` | Tag-Übersicht |

| `/tags/kubernetes/` | Posts mit Tag "Kubernetes" |

| `/categories/` | Kategorie-Übersicht |

| `/categories/technik/` | Posts in Kategorie "Technik" |

| `/sites/ueber-mich/` | Statische Seite |

| `/sites/projekte/vm-tracker/` | Verschachtelte Projektseite |

| `/index.xml` | RSS Feed |

| `/search-index.json` | Suchindex (JSON) |

- **Keine JS-Frameworks** - Vanilla JavaScript für Theme, Suche und TOC

- **Hamburger-Navigation** auf mobilen Geräten mit Fullscreen-Overlay und eigenem Stacking Context

- **Dropdown-Menus** für verschachtelte Navigation (Touch-optimiert auf Mobile)

- **Integrierte Suche** — Lupe in der Navbar mit Ctrl+K Shortcut

QuillDrop unterstützt sowohl Tags als auch Kategorien zur Strukturierung von Inhalten:

- **Tag-Übersicht** unter `/tags/` mit Anzahl der Posts pro Tag

- **Tag-Seiten** unter `/tags/kubernetes/` mit allen Posts eines Tags

- **Kategorie-Übersicht** unter `/categories/` mit Anzahl der Posts pro Kategorie

- **Kategorie-Seiten** unter `/categories/technik/` mit allen Posts einer Kategorie

- **Tag- und Kategorie-Badges** auf Post-Cards und Einzelseiten

- Tags und Kategorien werden aus dem YAML-Frontmatter (`tags`, `categories`) ausgelesen

### Volltextsuche

QuillDrop enthält eine integrierte Client-seitige Suche, die komplett ohne Backend auskommt:

- **Suchindex** — Beim Generieren wird eine `search-index.json` mit allen Posts erstellt

- **Lazy Loading** — Der Suchindex wird erst beim ersten Öffnen der Suche geladen

- **Multi-Term-Suche** — Mehrere Suchbegriffe werden mit UND verknüpft

- **Felder** — Durchsucht Titel, Vorschau, Tags und Kategorien

- **Keyboard-Shortcut** — `Ctrl+K` / `Cmd+K` öffnet die Suche

- **Lupe in der Navbar** — Klick auf das Such-Icon öffnet das Suchfeld

- **Debounce** — Suchergebnisse erscheinen nach 200ms Tippverzögerung

- **Maximal 8 Treffer** mit Highlighting der Suchbegriffe

- **Escape** oder Klick außerhalb schließt die Suche

- Kein externer Dienst, kein Framework — reines Vanilla JavaScript

### Artikel-Navigation

Am Ende jedes Blog-Posts wird eine Navigation zum vorherigen und nächsten Artikel angezeigt:

- **Neuerer Artikel** (← links) — Verlinkt zum chronologisch neueren Post

- **Älterer Artikel** (→ rechts) — Verlinkt zum chronologisch älteren Post

- Beim neuesten Artikel wird nur "Älterer Artikel" angezeigt

- Beim ältesten Artikel wird nur "Neuerer Artikel" angezeigt

- Zeigt jeweils den Titel des verlinkten Artikels an

### Inhaltsverzeichnis (Table of Contents)

Posts können ein automatisch generiertes Inhaltsverzeichnis aktivieren:

- Aktivierung über `toc: true` im Frontmatter

- Unterstützt **H1, H2 und H3** Überschriften

- **Relative Einrückung** — Das TOC erkennt die minimale Heading-Ebene und rückt relativ dazu ein

- Automatische Anchor-Links zu den jeweiligen Überschriften

- Wird client-seitig generiert für schnelle Seitenladezeit

Automatisch generierter RSS 2.0 Feed unter `/index.xml` mit:

- URL `/index.xml` für Kompatibilität mit bestehenden Blog-Setups

│   ├── js/

│   │   ├── theme.js                 # Dark/Light Toggle + TOC Generator

│   │   └── search.js                # Client-seitige Volltextsuche

│   │   ├── post.go                  # Post Struct + FlexTime + Tags/Categories

│   ├── generator/

│   │   ├── generator.go             # Static Site Generator

│   │   └── search.go                # Search-Index Generator (JSON)

│       ├── base.html                # Base Layout + Navbar + Suche

│       ├── post.html                # Einzelner Post + Prev/Next Navigation

│       ├── tag.html                 # Tag-Seite

│       ├── categories.html          # Kategorie-Übersicht

│       └── category.html            # Kategorie-Seite

| JavaScript | Vanilla JS — Theme Toggle, Suche, TOC (kein Framework) |

Alle URLs verwenden konsequent Trailing Slashes, um serverseitige Redirects zu vermeiden:

| `/page/2/` | Seite 2 der Post-Liste |

| `/posts/2025-11-06-mein-post/` | Einzelner Blog-Post |

| `/tags/` | Tag-Übersicht |

| `/tags/kubernetes/` | Posts mit Tag "Kubernetes" |

| `/categories/` | Kategorie-Übersicht |

| `/categories/technik/` | Posts in Kategorie "Technik" |

| `/sites/ueber-mich/` | Statische Seite |

| `/sites/projekte/vm-tracker/` | Verschachtelte Projektseite |

| `/index.xml` | RSS Feed |

| `/search-index.json` | Suchindex (JSON) |

- **Keine JS-Frameworks** - Vanilla JavaScript für Theme, Suche und TOC