Website

Der Collab Server hostet die öffentliche Quiet Frames Website mit Dokumentation und News.

Struktur

/                   → Landing Page
/docs               → Dokumentation
/docs/:category     → Kategorie-Übersicht
/docs/:category/:page → Einzelne Doc-Seite
/news               → News-Liste
/news/:slug         → News-Artikel

Content-Verzeichnis

content/
├── docs/
│   ├── README.md              # Docs-Startseite
│   ├── cc-toolbox/            # cc-toolbox Docs
│   │   ├── 001-überblick.md
│   │   ├── 002-core.md
│   │   └── ...
│   ├── artworks-studio/       # Studio Docs
│   │   ├── 001-einfuehrung.md
│   │   └── ...
│   └── collab-server/         # Server Docs
│       ├── 001-einfuehrung.md
│       └── ...
├── news/
│   ├── 2024-01-15-release-1.0.md
│   └── 2024-02-20-new-features.md
└── pages/
    ├── about.md
    └── contact.md

Dokumentation

Markdown-Features

• Syntax Highlighting für Code-Blöcke
• Mermaid Diagramme für Flowcharts
• Tabellen mit GitHub-Syntax
• Frontmatter für Metadaten

Frontmatter

---
title: Überblick
description: Einführung in cc-toolbox
order: 1
---

# Überblick

Content hier...

Code-Blöcke

```typescript
import { Artwork } from '@carstennichte/cc-toolbox';
```

Sortierung

Docs werden nach Dateinamen sortiert:

001-einfuehrung.md  → Zuerst
002-core.md         → Zweiter
003-catalog.md      → Dritter

News / Blog

Dateiformat

YYYY-MM-DD-slug.md

Beispiel: 2024-06-15-version-2-released.md

Frontmatter

---
title: Version 2.0 Released
date: 2024-06-15
author: Carsten Nichte
tags: [release, features]
image: /assets/news/v2-header.jpg
---

Wir freuen uns, Version 2.0 anzukündigen...

Templates

Die Website verwendet Handlebars Templates:

templates/
├── layouts/
│   └── main.html          # Haupt-Layout
├── partials/
│   ├── header.html        # Navigation
│   ├── footer.html        # Footer
│   └── sidebar.html       # Docs Sidebar
├── landing.html           # Startseite
├── docs-index.html        # Docs Übersicht
├── docs-page.html         # Doc-Seite
├── news-list.html         # News-Liste
└── news-article.html      # News-Artikel

Styling

CSS ist inline in den Templates:

:root {
  --bg-primary: #0d0d0d;
  --bg-card: #1a1a1a;
  --text-primary: #e5e5e5;
  --accent: #3b82f6;
}

Assets

Statische Dateien in content/assets/:

assets/
├── images/
│   ├── logo.svg
│   └── hero.jpg
├── fonts/
└── downloads/

Zugriff via /assets/images/logo.svg.

Caching