played with content

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "files.associations": {
+        "*.html": "handlebars"
+    }
+}

README.md

@@ -8,6 +8,7 @@ Die vorgesehene Arbeitsweise ist die Pflege der Inhalte über eine Versionsverwa
 
 ```plain
 DIR content
+    FIL config.yml (Pfad-Konfiguration)
     DIR de (Sprache)
         DIR main (Navigationsbaum)
             DIR 01_Home (1. Ebene)
@@ -15,6 +16,8 @@ DIR content
                 FIL README.md
             DIR 02_Download
                 FIL README.md
+                FIL bild.jpg
+                FIL presse.zip
             DIR 03_Kontakt
                 FIL README.md
                 DIR 01_Adresse
@@ -30,9 +33,6 @@ DIR content
                 FIL README.md
             DIR 03_Impressum
                 FIL README.md
-DIR media
-    DIR Referenzbilder
-    DIR Mitarbeiterfotos
 
 DIR assets
     DIR js
@@ -40,12 +40,14 @@ DIR assets
     DIR css
 
 DIR templates
-    FIL home.tmpl
+    FIL home.html
-    FIL site.tmpl
+    FIL site.html
-    FIL TOP.tmpl
+    DIR partials
-    FIL BOTTOM.tmpl
+        FIL meta.html
+        FIL header.html
+        FIL footer.html
 
-FIL config.yml
+FIL config.yml (globale Konfiguration, enthält andere Anweisungen als individuelle Pfad-Konfig, siehe Beispiel)
 ```
 
 ### content
@@ -56,16 +58,18 @@ FIL config.yml
 - Navigationsnamen für die Website werden aus dem Pfad gebildet, wobei `_`(Unterstriche) in Leerzeichen umgewandelt werden
 - Navigationsnamen können durch die `config.yml` überschrieben werden
 
-### media
+### Medien und Downloads
 
-- enthält alle Bilder, Videos und andere Medien-Dateien, die via Markdown in die jeweiligen Websites eingebunden werden
+- Mediendateien werden neben den Inhalten in `content` abgelegt und müssen dementsprechend relativ verlinkt werden
-- außerdem können die Mediendateien auch neben den Inhalten in `content` liegen und müssen demensprechend relativ verlinkt werden
+
-- Bilder die im Template benötigt werden liegen in `assets`
+### assets
+
+- Bilder/CSS/JS die im Templates benötigt werden liegen in `assets`
 
 ### templates
 
 - Template-Dateien für die Generierung der Website liegen hier
-- assets wie Bilder, JS, CSS sollten ebenfalls hier liegen
+- Handlebar-Partials liegen in `templates/partials` und werden von mark2web global eingelesen und in Templates unter dem Dateinamen zur Verfügung gestellt
 
 ## Einzelseiten
 
@@ -73,10 +77,13 @@ Jede Seite ist innerhalb der Ordnerstruktur (Navigation) standardmäßig als `RE
 
 ```markdown
 ---
-meta:
+Meta:
-    title: Seitentitel für die Meta-Angaben
+    Title: Seitentitel für die Meta-Angaben
-    keywords: Meta-Keywords
+    Keywords: Meta-Keywords
-    description: Meta-Description
+    Description: Meta-Description
+
+Data:
+    image: bild.jpg
 
 ---
 
@@ -96,8 +103,8 @@ In jedem Ordner kann sich eine `config.yml` befinden.
 - z.B. Verküpfung eines Eintrags eines Navigations-Baums zu einem anderen
 
 ```yml
-goto: /de/main/service/impressum
+GoTo: /de/main/service/impressum
-navname: Impressum
+Navname: Impressum
 ```
 
 - außerdem kann sich im Header der Markdown-Datei die Konfig im YAML-Format befinden
@@ -106,12 +113,12 @@ navname: Impressum
 ## Haupt-Konfiguration im Root
 
 ```yml
-meta:
+Meta:
-    title: meine Website
+    Title: meine Website
-    description: Standard-Meta-Beschreibung, die verwendet wird, wenn keine pro Seite definiert ist
+    Description: Standard-Meta-Beschreibung, die verwendet wird, wenn keine pro Seite definiert ist
-    keywords: Standard-Keywords, welche in den einzelnen Seiten überschrieben werden kann
+    Keywords: Standard-Keywords, welche in den einzelnen Seiten überschrieben werden kann
 ```
 
 ## Templates
 
-Die Template sind golang `template/html`.
+Die Template-Sprache ist Handlebars.

example/content/de/main/03_kontakt/01_adresse/README.md

@@ -6,4 +6,6 @@ Meta:
 
 # Adresse
 
-Lorem ipsum...
+Lorem ipsum...
+
+![mein Bild](bild.jpg)

example/content/de/main/03_kontakt/02_anfahrt/README.md

@@ -6,4 +6,6 @@ Meta:
 
 # Anfahrt
 
-Lorem ipsum...
+Lorem ipsum...
+
+<div style="width: 400px;position: relative;"><iframe width="400" height="200" src="https://maps.google.com/maps?width=400&amp;height=200&amp;hl=en&amp;q=Gotha+(Titel)&amp;ie=UTF8&amp;t=&amp;z=10&amp;iwloc=B&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><div style="position: absolute;width: 80%;bottom: 10px;left: 0;right: 0;margin-left: auto;margin-right: auto;color: #000;text-align: center;"><small style="line-height: 1.8;font-size: 2px;background: #fff;">Powered by <a href="http://www.googlemapsgenerator.com/pt/">Googlemapsgenerator.com/pt/</a> & <a href="https://lasagradafamiliatickets.de/">lasagrada familia tickets.de</a></small></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style></div><br />

example/templates/partials/header.html

@@ -3,7 +3,15 @@
             <div><b>main Level 1</b></div>
             <ul>
                 {{#each NavMap.de.SubMap.main.SubSlice }}
-                <li><a href="{{ GoTo }}">{{ Navname }}</a></li>
+                <li><a href="{{ GoTo }}">{{ Navname }}</a>
-                {{/each}}
+                    {{#if SubSlice }}
+                    <ul>
+                        {{#each SubSlice }}
+                        <li><a href="{{ GoTo }}">{{ Navname }}</a></li>
+                        {{/each }}
+                    </ul
+                    {{/if }}
+                </li>
+                {{/each }}
             </ul>
         </header>