feat: added cta to page

src/_data/cta.json

@@ -1,9 +1,6 @@
 {
     "title": "Schreib mir!",
-    "summary": "Hast du schon lange nichts mehr von mir gehört?
-Das tut mir leid!
-Im Alltag gehen mir hin und wieder Dinge verlohren.
-Bitte mache den ersten Schritt und mache ich auf meine Nachlässigkeit aufmerksam.",
+    "summary": "Hast du schon lange nichts mehr von mir gehört? Das tut mir leid! Möchtest du den ersten Schritt und mich auf meine Nachlässigkeit aufmerksam machen?",
     "buttonText": "Hüja!",
     "buttonUrl": "/contact/"
 }

src/_includes/layouts/home.html

@@ -10,4 +10,9 @@ SPDX-License-Identifier: GPL-3.0-or-later
 
 {{ content | safe }}
 
+<!--add call to action-->
+<!--Do you need an extra cta per-instance?-->
+{% set ctaContent = cta %}
+{% include "partials/cta.html" %}
+
 {% endblock %}

src/_includes/partials/cta.html

@@ -2,18 +2,20 @@
 SPDX-FileCopyrightText: 2021 Software Ingenieur Begerad <swingbe.de>
 SPDX-License-Identifier: GPL-3.0-or-later
 -->
+<!--use Nunjucks set feature to create a variable-->
 {% set ctaPrefix = cta %}
+<!--Do you want to override cta on a per-instance bases?-->
 {% if ctaContent %} 
   {% set ctaPrefix = ctaContent %}
 {% endif %}
 <article>
-  <div>
-    <div>
-      <h2>{{ ctaPrefix.title }}</h2>
-      <p>{{ ctaPrefix.summary }}</p>
-      <div>
-        <a href="{{ ctaPrefix.buttonUrl }}">{{ ctaPrefix.buttonText }}</a>
-      </div>
-    </div>
+  <div class="p-5 my-4 bg-light rounded-3">
+    <h2>{{ ctaPrefix.title }}</h2>
+    <p class="lead">{{ ctaPrefix.summary }}</p>
+    <p>
+      <a href="{{ ctaPrefix.buttonUrl }}"
+	 class="btn btn-success btn-lg">
+	{{ ctaPrefix.buttonText }}</a>
+    </p>
   </div>
 </article>

src/contact.html

@@ -12,9 +12,10 @@ SPDX-License-Identifier: GPL-3.0-or-later
 
       <h2>Kontakt</h2>
       <p>
-	Bitte richten sie Fragen zu dieser Webseite an
-	<a href="mailto:{{ site.author.email }}">{{ site.author.name }}
-	</a>.
+	Ich bitte dich Fragen zu dieser Webseite an
+	<a href="mailto:{{ site.author.email }}">
+	  {{ site.author.name }}
+	</a> zu richten.
       </p>
       <hr>
       <h2>Impressum</h2>

src/index.html

@@ -12,7 +12,9 @@ SPDX-License-Identifier: GPL-3.0-or-later
   <div class="p-5 my-4 bg-light rounded-3">
     <h1>Willkommen!</h1>
     <p class="lead">
-      <b>Willkommen auf der Website von <b>{{ site.author.name }}</b>.
+      Willkommen auf meiner
+      (<b>{{ site.author.name }}</b>)
+      Website.
     </p>
   </div>
 </div>