From b89d3e1d2d3c46ae85382d6a84c3ac3d1787a160 Mon Sep 17 00:00:00 2001
From: "Begerad, Stefan" <stefan@begerad.de>
Date: Thu, 28 Oct 2021 15:52:14 -0400
Subject: [PATCH] feat: added cta to page

---
 src/_data/cta.json              |  5 +----
 src/_includes/layouts/home.html |  5 +++++
 src/_includes/partials/cta.html | 18 ++++++++++--------
 src/contact.html                |  7 ++++---
 src/index.html                  |  4 +++-
 5 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/_data/cta.json b/src/_data/cta.json
index 74f95b4..fe6f98a 100644
--- a/src/_data/cta.json
+++ b/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/"
 }
diff --git a/src/_includes/layouts/home.html b/src/_includes/layouts/home.html
index 18cfeca..da98b44 100644
--- a/src/_includes/layouts/home.html
+++ b/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 %}
diff --git a/src/_includes/partials/cta.html b/src/_includes/partials/cta.html
index 95b0f41..a872144 100644
--- a/src/_includes/partials/cta.html
+++ b/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>
diff --git a/src/contact.html b/src/contact.html
index 13ae62c..de5e0cd 100644
--- a/src/contact.html
+++ b/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>
diff --git a/src/index.html b/src/index.html
index 04c57be..ba2c551 100644
--- a/src/index.html
+++ b/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>