mirror of
https://github.com/skoelle/moonweb-www.git
synced 2026-09-17 17:50:24 +00:00
85 lines
3.7 KiB
Markdown
85 lines
3.7 KiB
Markdown
# moonweb.org
|
||
|
||
Statische Website von [moonweb.org](https://www.moonweb.org), erstellt mit [Eleventy](https://www.11ty.dev/) als Static-Site-Generator.
|
||
|
||
## Technologie
|
||
|
||
- **Eleventy 2.x** — Static-Site-Generator (Build-Time)
|
||
- **Nunjucks** — Template-Sprache für Layouts und Includes
|
||
- **Markdown** — Seiteninhalte
|
||
- **HTML-Tabellen-Layout** — dreispaltiges Layout (1:1 wie das Original)
|
||
|
||
## Starten
|
||
|
||
```bash
|
||
npm install
|
||
npm run dev # Dev-Server mit Live-Reload auf http://localhost:8080
|
||
npm run build # Produktions-Build nach _site/
|
||
npm run clean # Build-Verzeichnis leeren
|
||
```
|
||
|
||
## Projektstruktur
|
||
|
||
```
|
||
moonweb-www/
|
||
├── .eleventy.js # Eleventy-Konfiguration
|
||
├── package.json
|
||
├── src/
|
||
│ ├── _includes/
|
||
│ │ ├── layout.njk # Master-Layout (3-Spalten-Tabellen)
|
||
│ │ ├── nav.njk # Rechte Seiten-Navigation
|
||
│ │ ├── quicknav.njk # Linke Quicknav-Box
|
||
│ │ └── redirect.njk # Meta-Refresh-Weiterleitung
|
||
│ ├── _data/
|
||
│ │ ├── nav.json # Menüstruktur (8 Sektionen, 4 Gruppen)
|
||
│ │ └── site.json # Globale Daten (Domain, Kontakt-E-Mail)
|
||
│ ├── css/
|
||
│ │ └── nav-replacement.njk # Generiert nav-replacement.css
|
||
│ ├── assets/
|
||
│ │ ├── css/moonweb.css # Haupt-Stylesheet
|
||
│ │ ├── images/ # Layout-Bilder, Favicon (10 Dateien)
|
||
│ │ ├── menu/ # Nav-Sprite-GIFs (24 Dateien: 8×3 Zustände)
|
||
│ │ ├── pageImage/ # Sektions-Header-Bilder (10 Dateien)
|
||
│ │ ├── content/ # Inline-Bilder (2 Dateien)
|
||
│ │ └── archive/ # Archiv-Banner und Splash-Screens
|
||
│ ├── beginning/ # Sektion "beginning" (Startseite + Unterpunkte)
|
||
│ ├── projects/ # Sektion "projects"
|
||
│ ├── products/ # Sektion "products"
|
||
│ ├── acoustics/ # Sektion "acoustics"
|
||
│ ├── location/ # Sektion "location"
|
||
│ ├── background/ # Sektion "background"
|
||
│ ├── partners/ # Sektion "partners"
|
||
│ ├── contact/ # Sektion "contact"
|
||
│ ├── network/ # Sektion "network" (kein Nav-Eintrag)
|
||
│ ├── stefan/ # Sektion "stefan" (kein Nav-Eintrag)
|
||
│ ├── index.md # Startseite
|
||
│ ├── robots.njk # Generiert robots.txt
|
||
│ └── sitemap.xml.njk # Generiert sitemap.xml
|
||
```
|
||
|
||
## Navigation
|
||
|
||
Die Navigation besteht aus 8 Sektionen in 4 Gruppen:
|
||
|
||
| Gruppe | Sektionen |
|
||
|--------|-----------|
|
||
| 1 | beginning |
|
||
| 2 | projects, products, acoustics |
|
||
| 3 | location, background, partners |
|
||
| 4 | contact |
|
||
|
||
Zusätzlich existieren die Sektionen `network` und `stefan` mit Inhalten, die jedoch nicht in der Hauptnavigation erscheinen.
|
||
|
||
## Technische Details
|
||
|
||
- **Layout:** Dreispaltige HTML-Tabelle (108px linke Sidebar \| Inhaltsbereich \| 150px rechte Sidebar)
|
||
- **Navigation:** CSS-Hover-Effekte statt JavaScript (reine Bild-Tausch-Technik via `text-indent: -9999px`)
|
||
- **Shortcode:** `pseudonymBox` — rechtsbündige Box mit dunklem Hintergrund und Gold-Überschrift
|
||
- **Routing:** Alte URL-Pfade werden via Meta-Refresh auf die neue Startseite weitergeleitet
|
||
|
||
## Lizenz
|
||
|
||
Dieses Projekt steht unter der [Creative Commons Namensnennung - Nicht kommerziell - Weitergabe unter gleichen Bedingungen 4.0 International](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.de) (CC BY-NC-SA 4.0).
|
||
|
||
Copyright (c) Stefan Koelle — [stefankoelle.de](https://stefankoelle.de)
|