From 675121710a4bc7f6fde2f495d70253173aeaa8e9 Mon Sep 17 00:00:00 2001
From: Klaus Breyer <kb@v01.io>
Date: Mon, 29 Apr 2024 10:05:49 +0200
Subject: [PATCH] improved Newsletter CTA

---
 content/_index.md                |  8 --------
 layouts/partials/footer.html     |  4 ++--
 layouts/partials/header.html     |  4 ++--
 layouts/partials/newsletter.html |  4 ++--
 layouts/partials/side.html       | 18 ++++++++++++++----
 5 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/content/_index.md b/content/_index.md
index 8ba53d6..b8abe01 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -12,14 +12,6 @@ I'm Klaus Breyer and I bring [15 years of product and tech leadership]({{< relre
 
 Focused on breaking down silos and building holistic, interdisciplinary, diverse teams. Passionate about the tooling, methods, and leadership of remote teams and committed to creating effective solutions that provide customer value and work for the business.
 
-## Mailing List
-
-Subscribe to my newsletter for insights as they emerge — straight from the frontline and always with the v01 mindset: start, iterate, fight bullshit.
-
-{{< newsletter >}}
-
-(After clicking subscribe your email address is submitted to MailChimp, the provider I use for my mailinglist. Your email address is never sold or shared).
-
 ## Welcome Guide
 
 If this is your first visit, here's a guide to what you'll find on this site:
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 0c945bb..ec5d855 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -15,11 +15,11 @@ <h3 class="mb-2 text-xl font-bold ">About</h3>
         <div>
             <div class="pl-2 border-l-2 border-primary">
                 <h3 class="mb-2 text-xl font-bold ">Mailing List</h3>
-                <p class="mb-2 leading-7">Subscribe to my newsletter for insights as they emerge — straight from the frontline and always with the v01 mindset: <span class="text-text bg-dark">start, iterate, fight bullshit</span>.</p>
+                <p class="mb-2 leading-7">Subscribe to my newsletter for insights as they emerge how to start, iterate and fight bullshit in tech product teams.</p>
 
                 {{ partial "newsletter.html"}}
 
-                <p class="text-xs">(After clicking subscribe your email address is submitted to MailChimp, the provider I use for my mailinglist. Your email address is never sold or shared).</p>
+                <p class="text-xs">(I use MailChimp. Your data is never sold or shared.)</p>
             </div>
         </div>
     </div>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index bc8753f..f7fa9af 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -14,8 +14,8 @@
 
         {{ range .Site.Menus.header }}
         <li class="">
-            <a lang="en" class="block font-bold group hover:border-primary text-xlfont-sharetech hover:text-primary font-share-tech" href="{{ .URL }}">
-                <span class="text-primary">&rsaquo;</span> {{.Name}}
+            <a lang="en" class="block font-bold hover:underline text-xlfont-sharetech text-primary font-share-tech" href="{{ .URL }}">
+                <span class="text-text">&rsaquo;</span> {{.Name}}
             </a>
         </li>
         {{ end }}
diff --git a/layouts/partials/newsletter.html b/layouts/partials/newsletter.html
index 6913006..73b6662 100644
--- a/layouts/partials/newsletter.html
+++ b/layouts/partials/newsletter.html
@@ -1,6 +1,6 @@
 <div id="mc_embed_signup" class="mb-2">
-	<form action="https://v01.us17.list-manage.com/subscribe/post?u=cfd815a1237e74355cd80711b&amp;id=6be736aa2f&amp;f_id=009b62e0f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self">
-		<input type="email" value="" name="EMAIL" class="rounded required email" id="mce-EMAIL" required="">&nbsp;
+	<form action="https://v01.us17.list-manage.com/subscribe/post?u=cfd815a1237e74355cd80711b&amp;id=6be736aa2f&amp;f_id=009b62e0f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="flex flex-wrap gap-2 validate " target="_self">
+		<input type="email" value="" name="EMAIL" class="max-w-full rounded required email text-footer" id="mce-EMAIL" required="">
 		<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="px-4 py-2 font-bold text-white rounded cursor-pointer bg-primary button hover:opacity-90">
 	</form>
 </div>
diff --git a/layouts/partials/side.html b/layouts/partials/side.html
index 40d20f6..cdc9f39 100644
--- a/layouts/partials/side.html
+++ b/layouts/partials/side.html
@@ -1,12 +1,22 @@
+<div class="pl-4 mb-4 border-l-2 border-primary">
+	<h3 class="mb-2 text-xl font-bold ">Mailing List</h3>
+
+	<p class="mb-2 leading-6">Insights as they emerge how to start, iterate and fight bullshit.</p>
+
+	{{ partial "newsletter.html"}}
+	<p class="text-xs">(I use MailChimp. Your data is never sold or shared.)</p>
+
+</div>
+
 <div class="pl-4 border-l-2 border-primary">
 	<div class="h-1"> &nbsp;</div>
-	<ul class="-mt-2 space-y-3 ">
+	<ul class="space-y-3 ">
 
 		{{ range .Site.Menus.side }}
 
 		<li class="">
-			<a href="{{ .URL }}" class="font-bold text-text hover:text-primary">
-				<span class="text-primary">&rsaquo;</span> {{ .Name }}
+			<a href="{{ .URL }}" class="font-bold uppercase text-primary hover:underline">
+				<span class="text-text">&rsaquo;</span> {{ .Name }}
 			</a>
 		</li>
 		{{ end }}
@@ -14,7 +24,7 @@
 		{{ range first 10 (where .Site.RegularPages "Type" "posts") }}
 
 		<li class="">
-			<a class=" hover:text-primary" href="{{ .Permalink }}">
+			<a class=" text-primary hover:underline" href="{{ .Permalink }}">
 				{{/* {{ .Date.Format "2006-01-02" }} | */}}
 				{{ .Title }}</a>
 		</li>