Update to newsletter signup (#10499)

* update to newsletter signup

* Update en.toml

content/en/_index.html

@@ -60,30 +60,3 @@ Kubernetes is open source giving you the freedom to take advantage of on-premise
 {{< blocks/kubernetes-features >}}
 
 {{< blocks/case-studies >}}
-
-<section id="kubeweekly">
-      <main>
-        <!-- Begin MailChimp Signup Form -->
-        <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
-        <style type="text/css">
-        	#mc_embed_signup{clear:left; width:100%;}
-        	/* 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. */
-        </style>
-        <div id="mc_embed_signup">
-        <form action="https://kubeweekly.us10.list-manage.com/subscribe/post?u=3885586f8f1175194017967d6&amp;id=11c1b8bcb2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-            <div id="mc_embed_signup_scroll">
-        	<p style="font-size: 20px">Interested in receiving the latest Kubernetes news? Sign up for KubeWeekly.</p>
-          <br />
-        	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
-            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3885586f8f1175194017967d6_11c1b8bcb2" tabindex="-1" value=""></div>
-            <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="subscribe-button"></div>
-            </div>
-        </form>
-        <h5 style="text-align: center"><a href="https://us10.campaign-archive.com/home/?u=3885586f8f1175194017967d6&id=11c1b8bcb2" style="color: #3371E3; font-weight: 400; font-size: 20px">View past newsletters</a></h5>
-        </div>
-
-        <!--End mc_embed_signup-->
-    </main>
-</section>

i18n/en.toml

@@ -24,6 +24,9 @@ other = "Kubernetes Features"
 [main_cncf_project]
 other = """We are a <a href="https://cncf.io/">CNCF</a> graduated project</p>"""
 
+[main_kubeweekly_signup]
+other = "Subscribe"
+
 [main_contribute]
 other = "Contribute"
 
@@ -76,4 +79,4 @@ other = "Events Calendar"
 
 # UI elements
 [ui_search_placeholder]
-other = "Search"
+other = "Search"

layouts/index.html

@@ -7,6 +7,36 @@
         </center>
     </main>
 </section>
+
+<section id="kubeweekly">
+      <main>
+        <!-- Begin MailChimp Signup Form -->
+        <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
+        <style type="text/css">
+        	#mc_embed_signup{clear:left; width:100%;}
+        	/* 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. */
+        </style>
+<br>
+<br>
+        <div id="mc_embed_signup">
+        <form action="https://kubeweekly.us10.list-manage.com/subscribe/post?u=3885586f8f1175194017967d6&amp;id=11c1b8bcb2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+            <div id="mc_embed_signup_scroll">
+        	<p style="font-size: 20px">Interested in receiving the latest Kubernetes news? Sign up for KubeWeekly.</p>
+          <br />
+        	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
+            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3885586f8f1175194017967d6_11c1b8bcb2" tabindex="-1" value=""></div>
+            <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+            </div>
+        </form>
+        <h5 style="text-align: center"><a href="https://us10.campaign-archive.com/home/?u=3885586f8f1175194017967d6&id=11c1b8bcb2" style="color: #3371E3; font-weight: 400; font-size: 20px">View past newsletters</a></h5>
+        </div>
+<br>
+<br>
+        <!--End mc_embed_signup-->
+    </main>
+</section>
 {{ end }}
 
 
@@ -14,4 +44,4 @@
 {{ with .Site.GetPage "section" "docs/tutorials/kubernetes-basics" }}
 <a href="{{ .RelPermalink }}" id="quickstartButton" class="button">{{ .LinkTitle }}</a>
 {{ end }}
-{{ end }}
+{{ end }}

sass/_base.sass

@@ -1240,7 +1240,8 @@ $feature-box-div-margin-bottom: 40px
 // KubeWeekly
 #kubeweekly
 	background-color: $light-grey
-	padding: 60px
+	padding-top: 60px
+	padding-bottom: 140px
 	background-size: auto
 	font-family: "Roboto Mono", monospace !important
 	font-size: 24px
@@ -1254,7 +1255,7 @@ $feature-box-div-margin-bottom: 40px
 	padding: 0 20px
 	line-height: 31px
 	color: white
-	background-color: $blue
+	background-color: blue
 	text-decoration: none
 	font-size: 14px