fixed website blog

website/content/de/01_Navigation/04_Blog/config.yml

@@ -1,7 +1,7 @@
-#This:
+This:
   Collections:
     - Name: blog1st
-      URL: 'https://mark2web.basiscms.de/api/collections/get/mark2webBlog?token={{ Data.token }}&filter[published]=true&sort[date]=-1&skip=0&limit=1{% if Data.details._id %}&filter[link._id]={{ Data.details._id }}{% else %}&filter[link][$exists]=0{% endif %}'
+      URL: 'https://mark2web.basiscms.de/api/collections/get/mark2webBlog?token={{ Data.token }}&filter[published]=true&sort[date]=-1&skip=0&limit=1'
       NavTemplate:
         EntriesAttribute: entries
         GoTo: '{{ date }}-{{ title }}'
@@ -12,7 +12,7 @@
         Hidden: true # hide from nav, but use this feature for rendering detail sites
 
     - Name: blog1skip
-      URL: 'https://mark2web.basiscms.de/api/collections/get/mark2webBlog?token={{ Data.token }}&filter[published]=true&sort[date]=-1&skip=1&limit=100{% if Data.details._id %}&filter[link._id]={{ Data.details._id }}{% else %}&filter[link][$exists]=0{% endif %}'
+      URL: 'https://mark2web.basiscms.de/api/collections/get/mark2webBlog?token={{ Data.token }}&filter[published]=true&sort[date]=-1&skip=1&limit=100'
       NavTemplate:
         EntriesAttribute: entries
         GoTo: '{{ date }}-{{ title }}'

website/project-files/css/main.css

@@ -302,4 +302,8 @@ code.language-mermaid svg {
 	background: #ddd;
 	border: #444 solid 1px;
 	border-radius: 5px;
+}
+
+.blogEntry {
+	margin-bottom: 50px;
 }

website/templates/base.html

@@ -101,6 +101,7 @@
 
 	<!-- ========== Main Content ========== -->
 	<div class="maincontent">
+	{% block bg %}
 		{% if Data.background %}
 			<img 
 				src="{{ Data.background|image_process:"p=fill,w=1440,h=810,q=30,t=/img" }}" 
@@ -109,6 +110,7 @@
 						{{ Data.background|image_process:"p=fill,w=1920,h=1020,q=30,t=/img" }} 1920w"
 				alt="{{ Meta.Title }}" class="img2bg">
 		{% endif %}
+	{% endblock bg %}
 		<div class="white_section section_padding">
 			<div class="container">
 	{% block part1 %}

website/templates/base_blog.html

@@ -19,6 +19,7 @@
         limit wird für skip in Query gebraucht
     {% endcomment %}
     {% for e in NavElement.ColMap.blog1skip.entries %}
+        <div class="blogEntry">
         <h2>
             {{ e.title }}
             <div class="datum">{{ e.date|datum }}</div>
@@ -27,5 +28,6 @@
         {% if e.body %}
             <a href="{{ e.date|add:"-"|add:e.title|slugify }}" class="btn">mehr lesen &raquo;</a>
         {% endif %}
+        </div>
     {% endfor %}
 {% endblock part1 %}

website/templates/base_blog_details.html

@@ -8,6 +8,18 @@
 
 {% if Data.details.slider %}
 	{% block slider %}
+	{% with Data.details.firstimg as img %}
+		{% if img %}
+		<div class="slide">
+			<img 
+				src="{{ "https://mark2web.basiscms.de"|add:img.path|image_process:"p=fill,w=1440,h=600,q=60" }}" 
+				srcset="{{ "https://mark2web.basiscms.de"|add:img.path|image_process:"p=fill,w=768,h=384,q=60" }} 768w,
+						{{ "https://mark2web.basiscms.de"|add:img.path|image_process:"p=fill,w=1440,h=600,q=60" }} 1440w,
+						{{ "https://mark2web.basiscms.de"|add:img.path|image_process:"p=fill,w=1920,h=800,q=60" }} 1920w"
+				alt="{{ img.meta.title }}">
+		</div>
+		{% endif %}
+	{% endwith %}
 	{% for sl in Data.details.slider %}
 		<div class="slide">
 			<img 
@@ -29,6 +41,19 @@
     {{ Data.details.teaser|markdown:"s=monokai" }}
 {% endblock part0 %}
 
+{% block bg %}
+	{% with Data.details.firstimg as img %}
+		{% if img %}
+			<img 
+				src="{{ "https://mark2web.basiscms.de"|add:img.path|image_process:"p=fill,w=1440,h=810,q=30,t=/img" }}" 
+				srcset="{{ "https://mark2web.basiscms.de"|add:img.path|image_process:"p=fill,w=768,h=768,q=30,t=/img" }} 768w,
+						{{ "https://mark2web.basiscms.de"|add:img.path|image_process:"p=fill,w=1440,h=810,q=30,t=/img" }} 1440w,
+						{{ "https://mark2web.basiscms.de"|add:img.path|image_process:"p=fill,w=1920,h=1020,q=30,t=/img" }} 1920w"
+				alt="{{ Meta.Title }}" class="img2bg">
+		{% endif %}
+	{% endwith %}
+{% endblock bg %}
+
 {% block part1 %}
     {{ Body }}
     <br>