improved Newsletter CTA

klausbreyer · Apr 29, 2024 · 6751217 · 6751217
1 parent 458fad2
commit 6751217
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 18 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -1,20 +1,30 @@
+<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 }}
 
  {{ 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>