From 1f7402733eca9e1556bfd101c007791be44b9c35 Mon Sep 17 00:00:00 2001 From: Stefan Koelle Date: Sun, 16 Aug 2026 12:16:32 +0200 Subject: [PATCH] README.md --- .moonweb.yml | 6 ++++ README.md | 98 ++++++++++++++++++++++++++-------------------------- 2 files changed, 55 insertions(+), 49 deletions(-) create mode 100644 .moonweb.yml diff --git a/.moonweb.yml b/.moonweb.yml new file mode 100644 index 0000000..3fa03d2 --- /dev/null +++ b/.moonweb.yml @@ -0,0 +1,6 @@ +title: "www.moonweb.org" +emoji: "πŸŒ™" +category: code +subcategory: "Web Projects" +status: active +stack: [Node.js, Eleventy, Nunjucks, Markdown] diff --git a/README.md b/README.md index 11dc08e..cbdf9e8 100644 --- a/README.md +++ b/README.md @@ -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. -## Technologie +## πŸ› οΈ 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) +- ⚑ **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 +## πŸš€ 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 +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 +## πŸ“ Projektstruktur ``` moonweb-www/ -β”œβ”€β”€ .eleventy.js # Eleventy-Konfiguration +β”œβ”€β”€ .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 +β”‚ β”‚ β”œβ”€β”€ 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) +β”‚ β”‚ β”œβ”€β”€ nav.json # πŸ“‹ MenΓΌstruktur (8 Sektionen, 4 Gruppen) +β”‚ β”‚ └── site.json # 🌐 Globale Daten (Domain, Kontakt-E-Mail) β”‚ β”œβ”€β”€ css/ -β”‚ β”‚ └── nav-replacement.njk # Generiert nav-replacement.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 +β”‚ β”‚ β”œβ”€β”€ 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 +## 🧭 Navigation Die Navigation besteht aus 8 Sektionen in 4 Gruppen: | Gruppe | Sektionen | |--------|-----------| -| 1 | beginning | -| 2 | projects, products, acoustics | -| 3 | location, background, partners | -| 4 | contact | +| 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 +## βš™οΈ 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 +- **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 +## πŸ“œ 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).