{% extends 'base.html' %}

{% block meta %}
	<title>{{ Data.details.date|datum }} {{ Data.details.title }}</title>
    <meta name="description" content="{{ Data.details.teaser }}" />
    <meta name="keywords" content="{{ Meta.Keywords }}" />
{% endblock meta %}

{% 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 
				src="{{ "https://mark2web.basiscms.de"|add:sl.path|image_process:"p=fill,w=1440,h=600,q=60" }}" 
				srcset="{{ "https://mark2web.basiscms.de"|add:sl.path|image_process:"p=fill,w=768,h=384,q=60" }} 768w,
						{{ "https://mark2web.basiscms.de"|add:sl.path|image_process:"p=fill,w=1440,h=600,q=60" }} 1440w,
						{{ "https://mark2web.basiscms.de"|add:sl.path|image_process:"p=fill,w=1920,h=800,q=60" }} 1920w"
				alt="{{ sl.meta.title }}">
		</div>
	{% endfor %}
	{% endblock slider %}
{% endif %}

{% block part0 %}
    <h1>
        {{ Data.details.title }}
        <div class="datum">{{ Data.details.date|datum }}</div>
    </h1>
    {{ 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>

    <a href="../" class="btn">&laquo; zurück</a>
{% endblock part1 %}