updating footer to include mailchimp form

lkiss711 · Oct 16, 2018 · a4a70e2 · a4a70e2
1 parent 280bd70
commit a4a70e2
Show file tree

Hide file tree

Showing 4 changed files with 72 additions and 2 deletions.
diff --git a/_data/cache_bust_css.yml b/_data/cache_bust_css.yml
@@ -1,2 +1,2 @@
-e1f40e63b86de7c2e0444738a2c8f9df  ../all_static/css/main.css
+e14bf75f64fcaf2a68ab88249760971b  ../all_static/css/main.css
 a5765df8bc2358dd61c19edcc0cbef7d  ../all_static/css/normalize.css
diff --git a/_includes/_new/_page-components/_footer-main.html b/_includes/_new/_page-components/_footer-main.html
@@ -61,6 +61,31 @@ <h6 style="color:#19d3f3" class="--footer-heading">EMBEDDED BI/OEM</h6>&#x9;&#x9
                         <li><a href="https://plot.ly/dashboards/" target="_self">Dashboards</a></li>
                     </ul>
                 </li>
+                &#x9;&#x9;
+                <li class="--footer-column">
+                    <h6 style="color:#119dff" class="--footer-heading">JOIN THE DASH CLUB</h6>&#x9;&#x9;&#x9;
+                    <ul>
+                        &#x9;&#x9;&#x9;&#x9;
+                        <li><form action="https://plot.us12.list-manage.com/subscribe/post" method="POST" noValidate>
+                            <input type="hidden" name="u" value="28d7f8f0685d044fb51f0d4ee"/>
+                            <input type="hidden" name="id" value="0c1cb734d7"/>
+
+                            <label htmlFor='MERGE0'>
+                              <p class="mailchimp-footer-text"> Dash Club is a no-fluff, twice-a-month email with links and notes on the latest Dash developments and community happenings.</p>
+                              <input
+                                type="email"
+                                name="EMAIL"
+                                id="MERGE0"
+                                placeholder="Your Email Address:"
+                                autoCapitalize="off"
+                                autoCorrect="off"
+                                class="mc-input"
+                              />
+                          </label>
+                          <input type="submit" value="Subscribe" name="subscribe" class="mc-embedded-subscribe"/>
+                        </form></li>
+                    </ul>
+                </li>
             </ul>
         </div>
     </section>
@@ -190,4 +215,4 @@ <h6 style="color:#19d3f3" class="--footer-heading">EMBEDDED BI/OEM</h6>&#x9;&#x9
     }
 });
 
-</script>
+</script>
diff --git a/all_static/css/main.css b/all_static/css/main.css
@@ -7608,6 +7608,27 @@ div#notebook {
         letter-spacing: 1px;
         color: #626262; }
 
+.mailchimp-footer-text {
+  -webkit-margin-before: 0em;
+  margin-block-start: 0em;
+  font-size: 80%;
+  color: #626262; }
+
+.mc-input {
+  margin-bottom: 10px;
+  border: none;
+  border-color: #fff; }
+
+.mc-input:after {
+  content: '\A';
+  white-space: pre; }
+
+.mc-embedded-subscribe {
+  color: #fff;
+  background-color: #119dff;
+  -webkit-box-shadow: 0px 2px 8px rgba(80, 103, 132, 0.4);
+  box-shadow: 0px 2px 8px rgba(80, 103, 132, 0.4); }
+
 .\--page-body {
   -webkit-box-flex: 1;
   -webkit-flex: 1;

diff --git a/scss/_pages/_home.scss b/scss/_pages/_home.scss
@@ -231,3 +231,27 @@
     }
   }
 }
+
+.mailchimp-footer-text{
+  margin-block-start: 0em;
+  font-size: 80%;
+  color: #626262;
+}
+
+.mc-input{
+  margin-bottom: 10px;
+  border: none;
+  border-color: #fff;
+}
+
+.mc-input:after{
+  content: '\A';
+  white-space: pre;
+}
+
+.mc-embedded-subscribe{
+  color: #fff;
+  background-color: #119dff;
+  box-shadow: 0px 2px 8px rgba(#506784, 0.4);
+}
+