Merge pull request plotly#1134 from plotly/mailchimp_footer

Joseph Damiba · web-flow · commit 015e000d92f9 · 2018-10-16T14:34:40.000-04:00
Add Mailchimp form to footer
diff --git a/_config_dev.yml b/_config_dev.yml
@@ -17,7 +17,7 @@ plotlyjs_download_url: https://cdn.plot.ly/plotly-latest.min.js
 # Excludes
 # ---
 # all of the posts:  ['*.Rmd','_posts/2015-09-09-matlab-reference.html','_posts/2015-09-06-r-reference.html','_posts/2015-09-06-python-reference.html','_posts/2015-08-19-plotly_js-reference.html','_posts/2015-04-05-ggplot2-index.html','_posts/2015-04-05-julia-index.html','_posts/2015-04-05-matlab-index.html','_posts/2015-04-05-matplotlib-index.html','_posts/2015-04-05-node_js-index.html','_posts/2015-04-05-plotly_js-index.html','_posts/2015-04-05-plotlyjs-function-reference.md','_posts/2015-04-05-python-index.html','_posts/2015-05-25-ipython-notebooks_gallery.html','_posts/2015-05-25-ipython-notebooks_index.html','_posts/2015-07-13-eula_index.html','_posts/2015-07-19-pandas.html','_posts/2015-07-26-index.html','_posts/2015-07-30-r-index.Rmd','_posts/2015-07-30-r-index.md','_posts/2015-08-20-research-box-index.html','_posts/ggplot2','_posts/julia','_posts/matlab','_posts/matplotlib','_posts/nodejs','_posts/pandas','_posts/plotly_js','_posts/python','_posts/r','_posts/tutorials','_posts/user_guide_matlab','_posts/user_guide_python']
-exclude:  ['*.Rmd','_posts/matlab','_posts/dashboards','_posts/julia','_posts/matplotlib','_posts/misc','_posts/nodejs','_posts/numpy','_posts/scala','_posts/scikit','_posts/tutorials','_posts/user_guide_matlab','_posts/user_guide_python', 'vendor']
+exclude:  ['*.Rmd','_posts/2015-09-09-matlab-reference.html','_posts/2015-09-06-r-reference.html','_posts/2015-09-06-python-reference.html','_posts/2015-08-19-plotly_js-reference.html','_posts/2015-04-05-ggplot2-index.html','_posts/2015-04-05-julia-index.html','_posts/2015-04-05-matlab-index.html','_posts/2015-04-05-matplotlib-index.html','_posts/2015-04-05-node_js-index.html','_posts/2015-04-05-plotly_js-index.html','_posts/2015-04-05-plotlyjs-function-reference.md','_posts/2015-04-05-python-index.html','_posts/2015-05-25-ipython-notebooks_gallery.html','_posts/2015-05-25-ipython-notebooks_index.html','_posts/2015-07-13-eula_index.html','_posts/2015-07-19-pandas.html','_posts/2015-07-30-r-index.Rmd','_posts/2015-07-30-r-index.md','_posts/2015-08-20-research-box-index.html','_posts/ggplot2','_posts/julia','_posts/matlab','_posts/matplotlib','_posts/nodejs','_posts/pandas','_posts/plotly_js','_posts/python','_posts/r','_posts/tutorials','_posts/user_guide_matlab','_posts/user_guide_python']
 #exclude: [_posts/temp, '*.Rmd']
 
 # ---
diff --git a/_data/cache_bust_css.yml b/_data/cache_bust_css.yml
@@ -1,2 +1,2 @@
-e1f40e63b86de7c2e0444738a2c8f9df  ../all_static/css/main.css
+ff0a6e91ea3d23b64142c0d4d49e4b1b  ../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" target="_blank" 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
@@ -859,6 +859,11 @@ header.header-main {
     margin: 0;
     padding: 0;
     margin-bottom: 10px; }
+    @media screen and (min-width: 1200px) {
+      .\--footer-main ul.\--footer-body {
+        -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+        flex-wrap: nowrap; } }
   .\--footer-main .\--footer-column {
     -webkit-box-flex: 1;
     -webkit-flex: 1 1 20%;
@@ -7608,6 +7613,24 @@ 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-top: 5px;
+  margin-bottom: 10px;
+  border: 1px solid #626262;
+  padding: 5px; }
+
+.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/_components/_foot.scss b/scss/_components/_foot.scss
@@ -27,6 +27,10 @@
     margin: 0;
     padding: 0;
     margin-bottom: $unit;
+
+    @media screen and (min-width: 1200px) {
+      flex-wrap: nowrap;
+    }
   }
 
   .\--footer-column {
diff --git a/scss/_pages/_home.scss b/scss/_pages/_home.scss
@@ -231,3 +231,23 @@
     }
   }
 }
+
+.mailchimp-footer-text{
+  margin-block-start: 0em;
+  font-size: 80%;
+  color: #626262;
+}
+
+.mc-input{
+  margin-top: 5px;
+  margin-bottom: 10px;
+  border: 1px solid #626262;
+  padding: 5px;
+}
+
+.mc-embedded-subscribe{
+  color: #fff;
+  background-color: #119dff;
+  box-shadow: 0px 2px 8px rgba(#506784, 0.4);
+}
+

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`		`-e1f40e63b86de7c2e0444738a2c8f9df ../all_static/css/main.css`
	`1`	`+ff0a6e91ea3d23b64142c0d4d49e4b1b ../all_static/css/main.css`
`2`	`2`	`a5765df8bc2358dd61c19edcc0cbef7d ../all_static/css/normalize.css`