{{ define "main" }}

{{- $bg := ( .Params.image | absLangURL) }}
<section class='index-title post_header' style = 'background-image:url({{ $bg }});'>
	<h1>
		<a href="/boek">
			Red<br/>
			Zuur<br>
			Desem
		</a>
	</h1>
</section>

<!-- BLOCK: boek reclame -->
<div class='post'>
<article class='post_content'>
	<h3>Nu beschikbaar:</h3>
	<h1><a href="/het-boek">Red Zuurdesem, het boek</a>!</h1>
	<h2>10 jaar kennis gebundeld in 370 pagina's</h2>
</article>
	<p>Red Zuurdesem is een met liefde gebakken boek waarin traag gefermenteerde ideeën uit zowel de praktische als de theoretische wereld met succes worden gecombineerd tot één geurig geheel, rijkelijk belegd met tips en formules om zelf aan de slag te gaan.</p>

	<blockquote>
		<p>Heel vlot geschreven met heel veel ernst maar ook een gezonde portie humor. En wees gerust: zuurdesem is gered!<span><a href="https://www.bol.com/nl/p/red-zuurdesem/9300000000815597/#product-reviews">Dirk Haverhals, bol.com recensie</a>.</span></p>
	</blockquote>

	<div style="margin: 0 auto; text-align: center;">
		<a href="/het-boek#koop"><button>Koop nu!</button></a>
		<a href="/het-boek#meer"><button>Lees meer</button></a>
	</div>
</article>
</div>
<hr/>

<!-- BLOCK: blogposts -->
<div class = 'post post_content'>
	<h1>
		<a href="/post">Laatste blogposts</a> &raquo;
	</h1>
</div>
<ul class='posts wrap' id = 'posts'>
	{{- range first 4 (where .Site.RegularPages "Section" "==" "post") }}
	  {{ partial "excerpt" . }}
	{{- end }}
</ul>
<div class = 'post post_content'>
	<h4>
		<a href="/post">Bekijk alle blogposts</a> &raquo;
	</h4>
</div>
<hr/>

<!-- BLOCK: content -->
<div class = 'post'>
  <article class='post_content'>
    {{- .Content }}
  </article>
</div>
<hr/>

<!-- BLOCK: notes -->
<div class='post post_content'>
	<h1>
		<a href="/kort">In het kort</a> &raquo;
	</h1>
</div>
<ul class='posts wrap'>
	{{- range first 4 (where .Site.RegularPages "Section" "==" "kort") }}
	  {{ partial "excerptkort" . }}
	{{- end }}	
</ul>

<div class = 'post post_content'>
	<h4>
		<a href="/kort">Bekijk alle nieuwtjes</a> &raquo;
	</h4>
</div>

{{- partial "searchbox" . }}


{{ end }}