Add banner to contact page

.eleventy.js

@@ -90,10 +90,12 @@ ${content}
 <div class="page-banner">
 <div class="background">${backgroundHTML}</div>
 <div class="content">
-<div class="title">${title}</div>
-<div>
-${content}
-</div>
+${ title ? '<div class="title">' + title + '</div>' : '' }
+${
+  // The '\n's here are required so that markdwon still gets rendered in the
+  // content block:
+  content.trim() ? '<div>\n' + content + '\n</div>' : ''
+}
 </div>
 </div>
     `;

index.md

@@ -5,7 +5,7 @@ eleventyNavigation:
   order: 1
 ---
 {% banner "Angestöpselt", "images/home-banner.jpg", "Kinder und Jugendliche verfolgen der Präsentation eines 3D-Druckers" %}
-"Wir bieten Bedürftigen Zugang in die digitale Welt"
+Wir bieten Bedürftigen Zugang in die digitale Welt
 {% endbanner %}
 
 {% section %}

kontakt/index.md

@@ -4,6 +4,9 @@ eleventyNavigation:
   key: Kontakt
   order: 100
 ---
+{% banner "", "images/contact-banner.jpg", "" %}
+{% endbanner %}
+
 # Kontakt zu uns aufnehmen
 
 Schön, dass Sie sich für unsere Arbeit interessieren! Bitte wählen Sie unten