From f46c7306cc9113f33518e76e15a802abd5ceea5d Mon Sep 17 00:00:00 2001
From: Marc Durdin <marc@durdin.net>
Date: Thu, 4 Dec 2025 05:39:40 +0100
Subject: [PATCH] change: tweak signup form and link to blog subscribe page

Test-bot: skip
---
 _includes/2020/templates/Foot.php |  1 +
 about/list.php                    | 69 +++++++++++++++++++++++++++----
 cdn/dev/css/template.css          | 14 +++++--
 3 files changed, 72 insertions(+), 12 deletions(-)

diff --git a/_includes/2020/templates/Foot.php b/_includes/2020/templates/Foot.php
index 48d0f677..b14ac531 100644
--- a/_includes/2020/templates/Foot.php
+++ b/_includes/2020/templates/Foot.php
@@ -38,6 +38,7 @@ static function render(array $fields = []) {
             </div>
             <!--End mc_embed_signup-->
             <br>
+            <div id="low-frequency">Receive updates 3-4 times/year, or you can<br><a href="https://blog.keyman.com/subscribe/">get regular updates</a> every 2 weeks</div>
             <div id="privacy-policy"><a href="/privacy/">Privacy policy</a></div>
 
             <div id='footer-get-involved'>
diff --git a/about/list.php b/about/list.php
index c2f9892e..d4c6f2f5 100644
--- a/about/list.php
+++ b/about/list.php
@@ -5,8 +5,7 @@
   head([
     'title' =>'Subscribe to the SIL Keyman mailing list | Keyman',
     'css' => ['template.css'],
-    'showMenu' => true,
-	  'foot' => false
+    'showMenu' => true
   ]);
 ?>
 <h2 class="red underline">Subscribe to the SIL Keyman mailing list</h2>
@@ -15,15 +14,64 @@
 two every few months.</p>
 
 <!-- Begin MailChimp Signup Form -->
-<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
 <style type="text/css">
-	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
-	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
-	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
+	#mc_embed_signup_page {
+		padding: 10px;
+	}
+	#mc_embed_signup_page * {
+		font: 14pt Cabin,sans-serif;
+	}
+
+	/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
+	#mc_embed_signup_page form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
+	#mc_embed_signup_page h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
+	#mc_embed_signup_page input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
+	#mc_embed_signup_page input[type=checkbox]{-webkit-appearance:checkbox;}
+	#mc_embed_signup_page input[type=radio]{-webkit-appearance:radio;}
+	#mc_embed_signup_page input:focus {border-color:#333;}
+	#mc_embed_signup_page .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
+	#mc_embed_signup_page .button:hover {background-color:#777;}
+	#mc_embed_signup_page .small-meta {font-size: 11px;}
+	#mc_embed_signup_page .nowrap {white-space:nowrap;}
+
+	#mc_embed_signup_page .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
+	#mc_embed_signup_page .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
+	* html #mc_embed_signup_page .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
+	#mc_embed_signup_page .mc-field-group label {display:block; margin-bottom:3px;}
+	#mc_embed_signup_page .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
+	#mc_embed_signup_page .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
+
+	#mc_embed_signup_page .datefield, #mc_embed_signup_page .phonefield-us{padding:5px 0;}
+	#mc_embed_signup_page .datefield input, #mc_embed_signup_page .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
+	#mc_embed_signup_page .phonefield-us .phonearea input, #mc_embed_signup_page .phonefield-us .phonedetail1 input{width:40px;}
+	#mc_embed_signup_page .datefield .monthfield input, #mc_embed_signup_page .datefield .dayfield input{width:30px;}
+	#mc_embed_signup_page .datefield label, #mc_embed_signup_page .phonefield-us label{display:none;}
+
+	#mc_embed_signup_page .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
+	#mc_embed_signup_page .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
+	#mc_embed_signup_page .clear {clear:both;}
+
+	#mc_embed_signup_page .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
+	#mc_embed_signup_page .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
+	#mc_embed_signup_page .mc-field-group.input-group label {display:inline;}
+	#mc_embed_signup_page .mc-field-group.input-group input {display:inline; width:auto; border:none;}
+
+	#mc_embed_signup_page div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
+	#mc_embed_signup_page div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
+	#mc_embed_signup_page #mce-error-response {display:none;}
+	#mc_embed_signup_page #mce-success-response {color:#529214; display:none;}
+	#mc_embed_signup_page label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
+
+	#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
+	#mc_embed_signup_page #num-subscribers {font-size:1.1em;}
+	#mc_embed_signup_page #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
+
+	#mc_embed_signup_page #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
+	#mc_embed_signup_page #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}
 </style>
-<div id="mc_embed_signup">
+<div id="mc_embed_signup_page">
 <form action="//keyman.us1.list-manage.com/subscribe/post?u=99fcab2b035a8a51cd2158ca9&amp;id=7ccdac1e32" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-    <div id="mc_embed_signup_scroll">
+    <div id="mc_embed_signup_page_scroll">
 	<h2>Subscribe to our mailing list</h2>
 <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
 <div class="mc-field-group">
@@ -49,4 +97,7 @@
 </form>
 </div>
 <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-<!--End mc_embed_signup-->
\ No newline at end of file
+<!--End mc_embed_signup_page-->
+<br>
+<p>The <a href='https://blog.keyman.com'>Keyman blog</a> has regular updates, on average one post every two weeks, following all the progress of Keyman and new keyboards.<p>
+<p>➡️ <a href='https://blog.keyman.com/subscribe/'>Subscribe to regular blog updates</a></p>
\ No newline at end of file
diff --git a/cdn/dev/css/template.css b/cdn/dev/css/template.css
index bc738293..92e1c5fb 100644
--- a/cdn/dev/css/template.css
+++ b/cdn/dev/css/template.css
@@ -1009,19 +1009,27 @@ input[type="search"] {
 	color: #444444;
 }
 
+#low-frequency {
+	display: block;
+	text-align: center;
+	line-height: 1.25em;
+}
+
 #privacy-policy {
+	display: block;
 	text-align: center;
 	margin-top: 16px;
 }
 
-#privacy-policy a {
-	display: block;
+#privacy-policy a,
+#low-frequency a {
 	text-decoration: none;
 	color: white;
 	font-size: 12pt;
 }
 
-#privacy-policy a:hover {
+#privacy-policy a:hover,
+#low-frequency a:hover {
 	color: #444444;
 }