newseltter signup (#10304)

content/en/_index.html

@@ -60,3 +60,30 @@ 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>

resources/_gen/assets/sass/cn/sass/styles.sass_a6e533854c4de092afe9278041939937.json

@@ -0,0 +1 @@
+{"Target":"css/styles.css","MediaType":"text/css","Data":{}}

resources/_gen/assets/sass/sass/styles.sass_a6e533854c4de092afe9278041939937.json

@@ -0,0 +1 @@
+{"Target":"css/styles.css","MediaType":"text/css","Data":{}}

sass/_base.sass

@@ -1232,12 +1232,32 @@ $feature-box-div-margin-bottom: 40px
 #cncf
 	padding-top: 60px
 	padding-bottom: 140px
-	background-color: $light-grey
 	background-image: url(/images/cncf-color.png)
 	background-position: center 100px
 	background-repeat: no-repeat
 	background-size: 300px
 
+// KubeWeekly
+#kubeweekly
+	background-color: $light-grey
+	padding: 60px
+	background-size: auto
+	font-family: "Roboto Mono", monospace !important
+	font-size: 24px
+	font-weight: bold
+
+	h5
+		font-size: 20px
+
+.subscribe-button
+	border-radius: 6px
+	padding: 0 20px
+	line-height: 31px
+	color: white
+	background-color: $blue
+	text-decoration: none
+	font-size: 14px
+
 // Features
 #features
 	padding-top: 140px
@@ -1730,7 +1750,7 @@ $feature-box-div-margin-bottom: 40px
 			margin-bottom: 60px
 			padding-right: 1rem
 			background-position: top center
-	
+
 		p
 			font-size: 20px
 
@@ -1787,4 +1807,3 @@ $feature-box-div-margin-bottom: 40px
 	cursor: pointer
 	color: #0000CC
 	margin-right: 8px
-