top img in website

website/content/de/01_Navigation/01_mark2web/README.md

@@ -2,6 +2,14 @@
 Markdown:
   ChromaRenderer: False
 
+Data:
+  background: /img/coffee.jpg
+
+  slider:
+    - img: /img/coffee.jpg
+      alt: 
+      opacity: 1
+
 ---
 
 # mark2web

website/content/de/01_Navigation/02_Installation/README.md

@@ -1,3 +1,13 @@
+---
+Data:
+  background: /img/laptop.jpg
+
+  slider:
+    - img: /img/laptop.jpg
+      alt: 
+      opacity: 1
+
+---
 # Installation
 
 Damit die korrekten Versionsinformationen dynamisch in das finale mark2web-Binary eingefügt wurde, ist eine manuelle Installation aus dem Git-Repository sinnvoll.  

website/content/de/01_Navigation/03_Benutzung/01_Ordnerstruktur/README.md

@@ -1,3 +1,13 @@
+---
+Data:
+
+  slider:
+    - img: /img/folder.jpg
+      alt: 
+      opacity: 1
+
+---
+
 # Benutzung
 
 ## Ordnerstruktur
@@ -38,6 +48,8 @@ DIR assets (kann auch abweichend benannt werden)
     DIR css
 
 DIR templates
+    DIR filters
+        FILE myfilter.js
     FIL base.html
     FIL base_sub.html
 

website/content/de/01_Navigation/03_Benutzung/02_Konfiguration/README.md

@@ -1,3 +1,13 @@
+---
+Data:
+
+  slider:
+    - img: /img/wire.jpg
+      alt: 
+      opacity: 1
+
+---
+
 # Konfiguration
 
 Die Konfigurationsdatein sind im YAML-Format gehalten (siehe: [Wikipedia](https://de.wikipedia.org/wiki/YAML)).

website/content/de/01_Navigation/03_Benutzung/03_Inhalte/README.md

@@ -1,3 +1,13 @@
+---
+Data:
+
+  slider:
+    - img: /img/write.jpg
+      alt: 
+      opacity: 1
+
+---
+
 # Inhalte
 
 Die Inhalte der Website werden im Ordner `content` und dessen Unterordnern gespeichert.  

website/content/de/01_Navigation/03_Benutzung/04_Templates/README.md

@@ -1,3 +1,13 @@
+---
+Data:
+
+  slider:
+    - img: /img/design.jpg
+      alt: 
+      opacity: 1
+
+---
+
 # Templates
 
 Templates werden über das pongo2-Paket gerendert. Dieses nutzt die Template-Sprache **Django-Template**.  

website/content/de/01_Navigation/03_Benutzung/config.yml

@@ -1,2 +1,9 @@
 This:
-  GoTo: ordnerstruktur
+  GoTo: ordnerstruktur
+
+Data:
+
+  slider:
+    - img: /img/gears.jpg
+      alt: 
+      opacity: 1

website/content/de/01_Navigation/04_Blog/README.md

@@ -1,5 +1,14 @@
 ---
 Template: base_blog.html
 
+Data:
+  background: /img/blog.jpg
+
+  slider:
+    - img: /img/blog.jpg
+      alt: 
+      opacity: 1
+
 ---
+
 # Blog

website/project-files/css/main.css

@@ -154,7 +154,7 @@ label {font-weight:600;}
 # Header
 --------------------------------------------------------------*/
 #header {height:80px;}
-#header .logo {height:70%; max-width:500px;}
+#header .logo {height:70%; max-width:400px;}
 #header .logo img {height:100%;}
 
 #header .container {
@@ -175,6 +175,7 @@ label {font-weight:600;}
 		z-index:300;
 		background:none;
 	}
+	#header .logo {height:70%; max-width:100px;}
 	#header .logo img {height:auto; width:100%;}
 }
 

website/templates/base.html

@@ -29,7 +29,14 @@
 
 	<header id="header">
 		<div class="container">
-			<div class="logo"><a href="{{ "/"|relative_path }}"><img src="project-files/img/logo.png" alt=""></a></div>
+			<div class="logo" {% if not Data.slider %}style="max-width: 400px;"{% endif %}>
+				<a href="{{ "/"|relative_path }}">
+					<picture>
+						<source media="(max-width: 768px)" srcset="project-files/img/logo_text.png">
+						<img src="project-files/img/logo{% if not Data.slider %}_text{% endif %}.png" alt="mark2web Logo">
+					</picture>
+				</a>
+			</div>
 			<a id="pull">
 				<span class="pull_button">
 					<span></span>
@@ -43,6 +50,16 @@
 
 	<!-- ========== Slider ========== -->
 	<section class="slider white_arrows" data-dots="true" data-arrows="true">
+	{% for sl in Data.slider %}
+		<div class="slide">
+			<img 
+				src="{{ sl.img|image_process:"p=fill,w=1440,h=600,q=60" }}" 
+				srcset="{{ sl.img|image_process:"p=fill,w=768,h=384,q=60" }} 768w,
+						{{ sl.img|image_process:"p=fill,w=1440,h=600,q=60" }} 1440w,
+						{{ sl.img|image_process:"p=fill,w=1920,h=800,q=60" }} 1920w"
+				alt="{{ sl.alt }}" style="opacity:{{ sl.opacity|default:1 }}">
+		</div>
+	{% endfor %}
 	</section>
 
 	<!-- ========== Navigation ========== -->
@@ -80,6 +97,9 @@
 
 	<!-- ========== Main Content ========== -->
 	<div class="maincontent">
+		{% if Data.background %}
+		<img src="{{ Data.background|relative_path }}" alt="{{ Meta.Title }}" class="img2bg">
+		{% endif %}
 		<div class="white_section section_padding">
 			<div class="container">
 	{% block part1 %}