stefankoelle/moonweb-www
1
0
Fork 0
mirror of https://github.com/skoelle/moonweb-www.git synced 2026-09-17 17:50:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

README.md

Browse Source
This commit is contained in:
stefankoelle
2026-08-16 12:16:32 +02:00
parent 2e1c3a536d
commit 1f7402733e
2 changed files with 55 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.moonweb.yml
+6
View File
@@ -0,0 +1,6 @@
title: "www.moonweb.org"
emoji: "🌙"
category: code
subcategory: "Web Projects"
status: active
stack: [Node.js, Eleventy, Nunjucks, Markdown]
README.md
+49 -49
View File
@@ -1,83 +1,83 @@
# moonweb.org # 🌙 moonweb.org
Statische Website von [moonweb.org](https://www.moonweb.org), erstellt mit [Eleventy](https://www.11ty.dev/) als Static-Site-Generator. Statische Website von [moonweb.org](https://www.moonweb.org), erstellt mit [Eleventy](https://www.11ty.dev/) als Static-Site-Generator.
## Technologie ## 🛠️ Technologie
- **Eleventy 2.x** — Static-Site-Generator (Build-Time) - ⚡ **Eleventy 2.x** — Static-Site-Generator (Build-Time)
- **Nunjucks** — Template-Sprache für Layouts und Includes - 📝 **Nunjucks** — Template-Sprache für Layouts und Includes
- **Markdown** — Seiteninhalte - 📄 **Markdown** — Seiteninhalte
- **HTML-Tabellen-Layout** — dreispaltiges Layout (1:1 wie das Original) - 🎨 **HTML-Tabellen-Layout** — dreispaltiges Layout (1:1 wie das Original)
## Starten ## 🚀 Starten
```bash ```bash
npm install npm install
npm run dev # Dev-Server mit Live-Reload auf http://localhost:8080 npm run dev # 🔥 Dev-Server mit Live-Reload auf http://localhost:8080
npm run build # Produktions-Build nach _site/ npm run build # 📦 Produktions-Build nach _site/
npm run clean # Build-Verzeichnis leeren npm run clean # 🧹 Build-Verzeichnis leeren
``` ```
## Projektstruktur ## 📁 Projektstruktur
``` ```
moonweb-www/ moonweb-www/
├── .eleventy.js # Eleventy-Konfiguration ├── .eleventy.js # ⚙️ Eleventy-Konfiguration
├── package.json ├── package.json
├── src/ ├── src/
│ ├── _includes/ │ ├── _includes/
│ │ ├── layout.njk # Master-Layout (3-Spalten-Tabellen) │ │ ├── layout.njk # 🏗️ Master-Layout (3-Spalten-Tabellen)
│ │ ├── nav.njk # Rechte Seiten-Navigation │ │ ├── nav.njk # 🧭 Rechte Seiten-Navigation
│ │ ├── quicknav.njk # Linke Quicknav-Box │ │ ├── quicknav.njk # ⚡ Linke Quicknav-Box
│ │ └── redirect.njk # Meta-Refresh-Weiterleitung │ │ └── redirect.njk # ↪️ Meta-Refresh-Weiterleitung
│ ├── _data/ │ ├── _data/
│ │ ├── nav.json # Menüstruktur (8 Sektionen, 4 Gruppen) │ │ ├── nav.json # 📋 Menüstruktur (8 Sektionen, 4 Gruppen)
│ │ └── site.json # Globale Daten (Domain, Kontakt-E-Mail) │ │ └── site.json # 🌐 Globale Daten (Domain, Kontakt-E-Mail)
│ ├── css/ │ ├── css/
│ │ └── nav-replacement.njk # Generiert nav-replacement.css │ │ └── nav-replacement.njk # 🎨 Generiert nav-replacement.css
│ ├── assets/ │ ├── assets/
│ │ ├── css/moonweb.css # Haupt-Stylesheet │ │ ├── css/moonweb.css # 🎨 Haupt-Stylesheet
│ │ ├── images/ # Layout-Bilder, Favicon (10 Dateien) │ │ ├── images/ # 🖼️ Layout-Bilder, Favicon (10 Dateien)
│ │ ├── menu/ # Nav-Sprite-GIFs (24 Dateien: 8×3 Zustände) │ │ ├── menu/ # 🍔 Nav-Sprite-GIFs (24 Dateien: 8×3 Zustände)
│ │ ├── pageImage/ # Sektions-Header-Bilder (10 Dateien) │ │ ├── pageImage/ # 📸 Sektions-Header-Bilder (10 Dateien)
│ │ ├── content/ # Inline-Bilder (2 Dateien) │ │ ├── content/ # 🖼️ Inline-Bilder (2 Dateien)
│ │ └── archive/ # Archiv-Banner und Splash-Screens │ │ └── archive/ # 📦 Archiv-Banner und Splash-Screens
│ ├── beginning/ # Sektion "beginning" (Startseite + Unterpunkte) │ ├── beginning/ # 🌟 Sektion "beginning" (Startseite + Unterpunkte)
│ ├── projects/ # Sektion "projects" │ ├── projects/ # 🚀 Sektion "projects"
│ ├── products/ # Sektion "products" │ ├── products/ # 📦 Sektion "products"
│ ├── acoustics/ # Sektion "acoustics" │ ├── acoustics/ # 🎵 Sektion "acoustics"
│ ├── location/ # Sektion "location" │ ├── location/ # 📍 Sektion "location"
│ ├── background/ # Sektion "background" │ ├── background/ # 🎭 Sektion "background"
│ ├── partners/ # Sektion "partners" │ ├── partners/ 🤝 Sektion "partners"
│ ├── contact/ # Sektion "contact" │ ├── contact/ # 📞 Sektion "contact"
│ ├── network/ # Sektion "network" (kein Nav-Eintrag) │ ├── network/ # 🌐 Sektion "network" (kein Nav-Eintrag)
│ ├── stefan/ # Sektion "stefan" (kein Nav-Eintrag) │ ├── stefan/ # 👤 Sektion "stefan" (kein Nav-Eintrag)
│ ├── index.md # Startseite │ ├── index.md # 🏠 Startseite
│ ├── robots.njk # Generiert robots.txt │ ├── robots.njk # 🤖 Generiert robots.txt
│ └── sitemap.xml.njk # Generiert sitemap.xml │ └── sitemap.xml.njk # 🗺️ Generiert sitemap.xml
``` ```
## Navigation ## 🧭 Navigation
Die Navigation besteht aus 8 Sektionen in 4 Gruppen: Die Navigation besteht aus 8 Sektionen in 4 Gruppen:
| Gruppe | Sektionen | | Gruppe | Sektionen |
|--------|-----------| |--------|-----------|
| 1 | beginning | | 1 | 🌟 beginning |
| 2 | projects, products, acoustics | | 2 | 🚀 projects, 📦 products, 🎵 acoustics |
| 3 | location, background, partners | | 3 | 📍 location, 🎭 background, 🤝 partners |
| 4 | contact | | 4 | 📞 contact |
Zusätzlich existieren die Sektionen `network` und `stefan` mit Inhalten, die jedoch nicht in der Hauptnavigation erscheinen. Zusätzlich existieren die Sektionen `network` und `stefan` mit Inhalten, die jedoch nicht in der Hauptnavigation erscheinen.
## Technische Details ## ⚙️ Technische Details
- **Layout:** Dreispaltige HTML-Tabelle (108px linke Sidebar \| Inhaltsbereich \| 150px rechte Sidebar) - **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`) - **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 - **Shortcode:** 📦 `pseudonymBox` — rechtsbündige Box mit dunklem Hintergrund und Gold-Überschrift
- **Routing:** Alte URL-Pfade werden via Meta-Refresh auf die neue Startseite weitergeleitet - **Routing:** ↪️ Alte URL-Pfade werden via Meta-Refresh auf die neue Startseite weitergeleitet
## Lizenz ## 📜 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). 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).