Minor Formatting Changes & Add Thanks Page

MayOneUS · Jun 8, 2016 · ce523da · ce523da
1 parent db5a07f
commit ce523da
Show file tree

Hide file tree

Showing 9 changed files with 103 additions and 88 deletions.
diff --git a/_includes/global_page_includes/footer.html b/_includes/global_page_includes/footer.html
@@ -34,7 +34,7 @@ <h1><a class="navbar-brand" href="{{ root_path }}/"><img src="{{ root_path }}/im
       <div class="col-md-10 center-block text-center">
         <div class="disclaimer-box">Paid for by Mayday PAC. Not authorized by any candidate or candidate's committee. MAYDAY.US</div>
         <div class="copyright"><i class="fa fa-creative-commons"></i> {{ 'now' | date: "%Y" }} Mayday PAC. Some rights reserved. <a href="/privacy-policy/">Privacy Policy</a>. <a href="/attribution/">Attribution</a>.</div>
-        <div class="creative-commons"><a href="http://creativecommons.org/licenses/by-sa/4.0/"><img src="//i.creativecommons.org/l/by/3.0/80x15.png"/></a></div>
+        <div class="creative-commons"><a href="http://creativecommons.org/licenses/by-sa/4.0/"><img src="//licensebuttons.net/l/by/3.0/80x15.png"/></a></div>
       </div>
     </div>
   </div>

diff --git a/_includes/jumbotrons/20160203_web_refresh.html b/_includes/jumbotrons/20160203_web_refresh.html
@@ -68,6 +68,7 @@ <h1 class="text-center"><span class="text-yellow">Help End Big Money Politics</s
     </div>
     <div class="row">
       <div class="col-lg-6 col-md-6 center-block panel">
+      <div id="join-form">
         <style>iframe{width:100%}</style>
         <iframe src="https://mayday.nationbuilder.com/email_collect_https" scrolling="no" frameBorder="0"></iframe>
         <script>iFrameResize({log:false, checkOrigin:false})</script>
@@ -76,29 +77,18 @@ <h1 class="text-center"><span class="text-yellow">Help End Big Money Politics</s
 
        <div id="members" class="progress-meter"></div>
         <div id="petition" class="progress-meter"></div>
-        <div id="" class="progress-meter"></div>
-        <div id="" class="progress-meter"></div>
+        <div id="donations" class="progress-meter"></div>
+        <div id="volunteers" class="progress-meter"></div>
 
         {% endcomment %}
 
       </div>
+      </div>
     </div>
     <div class="row margin-bottom-lg">
       <div class="col-md-9 col-lg-8 center-block margin-bottom-sm">
         <p class="text-center"><!--MAYDAY<span orange-text>.US</span>--> We are a grassroots movement fighting to fix our broken political system. Building teams at the local level, we hold status quo politicians accountable at the ballot box and elect true reformers committed to passing strong anti-corruption laws. <a href="/the-plan" class="text-yellow">Learn more.</a><!--<br class="visible-xs"/><a href="/the-plan/" title="">Learn More</a>--></p>
       </div>
     </div>
   </div>
-</div>
-
-{% capture jumbotron_signup_js %}
-<script>
-  $(document).ready(function(){
-    var signUpComplete = function(){
-      window.location = '/donate/';
-    };
-    md.signUps.inititalizeBasic('.js-jumbotron-signup', signUpComplete);
-  });
-</script>
-{% endcapture %}
-{% capture footer_scripts %}{{footer_scripts}}{{jumbotron_signup_js}}{% endcapture %}
+</div>
diff --git a/_includes/jumbotrons/email-thanks-jumbotron.html b/_includes/jumbotrons/email-thanks-jumbotron.html
@@ -0,0 +1,46 @@
+<style>
+
+.jumbotron{
+	background-image: url('/images/campaigns/jumbotron-donate.jpg');
+	background-size:cover;
+	background-position:center;
+	margin-bottom: 0;
+	padding-bottom:70px;
+	padding-top:100px;
+}
+
+.jumbotron .panel {
+	padding:40px;
+}
+
+@media only screen and (max-width:400px) {
+	.jumbotron .panel {
+		padding:10px;
+	}
+}
+
+.jumbotron h1 {
+	font-size:40px;
+	color:#00467e;
+	line-height:1;
+}
+.jumbotron h2 {
+	font-size: 30px;
+}
+
+</style>
+
+<div class="jumbotron">
+  <div class="container">
+      <div class="row">
+            <div class="col-sm-10 col-md-8 col-lg-6 panel">
+            <h2>Thank you for signing up.</h2>
+            <h1>Now, Help End Big Money Politics</h1>
+            <h5>Help us elect candidates committed to fundamental reform in 2016</h5>
+            <h2 class="text-orange">Donate In Two Minutes or Less</h2>
+            {% include form_donate.html %}
+        </div>
+      </div>
+  </div>
+</div>
+
diff --git a/_includes/pre-donate.html b/_includes/pre-donate.html
@@ -1,34 +1,32 @@
 <div id="pre-donate-form">
   <div class="container row">
-  	<div class="col-xs-1 col-sm-2 col-md-2"></div>
-        <div class="col-xs-10 col-sm-8 col-md-8 box box-blue-medium">
+        <div class="col-xs-10 col-sm-8 col-md-8 box center-block box-blue-medium">
         	<h3 class="text-center">Donate to our Campaign</h3>
             <form class="mayday-inputs js-donate">
                 <fieldset>
                   <div class="row">
                     <div class="col-md-12">
                       <div class="form-group">
-                      	<div class="col-xs-6 col-sm-6 col-md-2">
+                        <div class="col-xs-6 col-sm-6 col-md-2">
                           <a class="btn btn-mayday" href="/donate#10">$10</a>
                         </div>
                         <div class="col-xs-6 col-sm-6 col-md-2">
-                          <a class="btn btn-mayday" href="/donate#35">$35</a>
+                          <a class="btn btn-mayday" href="/donate#27">$27</a>
                         </div>
                         <div class="col-xs-6 col-sm-6 col-md-2">
                           <a class="btn btn-mayday" href="/donate#50">$50</a>
                         </div>
                         <div class="col-xs-6 col-sm-6 col-md-2">
-                         	<a class="btn btn-mayday" href="/donate#100">$100</a>
+                            <a class="btn btn-mayday" href="/donate#100">$100</a>
                          </div>
                          <div class="col-xs-12 col-sm-12 col-md-4">
-                          	<a class="btn btn-mayday green" href="/donate">Donate</a>
+                            <a class="btn btn-mayday green" href="/donate">Donate</a>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
-                </fieldset>
-              </form>
-          <div class="col-xs-1 col-sm-2 col-md-2"></div>
+            </fieldset>
+          </form>
       </div>
   </div>
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -83,19 +83,21 @@ $color-orientation: rgb(76, 43, 98);
 
 /* iframe loading animation */
 
-iframe {
-	background:white;
-	background-image:url('/images/loading-md.gif');
-	background-position:center;
-	background-repeat:no-repeat;
-	width:100%;
-	height:128px;
-	position:relative;
-	background-size:20px;
-	transition: height 50ms ease-out;
-	-webkit-transition: height 50ms ease-out;
-	-moz-transition: height 50ms ease-out;
-	-o-transition: height 50ms ease-out;
+#email-join, #donate-form {
+	iframe {
+		background:white;
+		background-image:url('/images/loading-md.gif');
+		background-position:center;
+		background-repeat:no-repeat;
+		width:100%;
+		height:128px;
+		position:relative;
+		background-size:20px;
+		transition: height 50ms ease-out;
+		-webkit-transition: height 50ms ease-out;
+		-moz-transition: height 50ms ease-out;
+		-o-transition: height 50ms ease-out;
+	}
 }
 
 /* videos */

diff --git a/_sass/_topography.scss b/_sass/_topography.scss
@@ -86,8 +86,13 @@ hr{
       list-style-type:none;
 	  font-size: 16px;
       line-height: 24px;
+	  padding:0 35px;
     }
 
+	blockquote {
+		display:none;
+	}
+
 	h3 {
 	  margin-bottom:10px;
 	}

diff --git a/email-thanks.html b/email-thanks.html
@@ -0,0 +1,20 @@
+---
+layout: default
+title: Thank You
+permalink: /email-thanks/
+---
+{% capture content %}
+{% include jumbotrons/email-thanks-jumbotron.html %}
+
+<div id="rules" class="container-fluid grey" style="padding-top:40px;">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-10">
+      {% include donate_rules.html %}
+      </div>
+    </div>
+  </div>
+</div>
+{% endcapture %}
+
+{% include sub_layouts/splash-candidate.html %}
diff --git a/index.html b/index.html
@@ -8,53 +8,7 @@
 {% capture content %}
 <div id="index">
   {% include jumbotrons/20160203_web_refresh.html %}  
-  {% comment %}
-
-    <div class="row campaign-actions margin-bottom-xl text-center">
-      <h2 class="sr-only">Take Action</h2>
-      <div class="col-sm-4">
-        <div class="col-sm-12 letter vertical-center">
-          <div class="vertical-center-inner">
-            <h3>Write your letter to the editor</h3>
-            <p class="byline small">Ask your member(s) of congress to change the way campaigns are funded.</p>
-            <p><a href="" title="" class="btn btn-mayday yellow-light-hover btn-mayday-hollow">Get Started</a></p>
-          </div>
-        </div>
-      </div>
-      <div class="col-sm-8 margin-bottom-30">
-        <div class="col-sm-12 events vertical-center">
-          <div class="vertical-center-inner">
-            <h3>Attend an Event</h3>
-            <p class="byline small">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua.</p>
-            <p><a href="" title="" class="btn btn-mayday blue-light-hover btn-mayday-hollow">Browse Events</a></p>
-          </div>
-        </div>
-      </div>
-      <div class="col-sm-8">
-        <div class="col-md-12 take-action vertical-center">
-          <div class="vertical-center-inner">
-            <h3>Take Action</h3>
-            <p class="byline small">See how else you can take part in the movement to lorem ipsum</p>
-            <p><a href="" title="" class="btn btn-mayday green-light-hover btn-mayday-hollow">Take Action</a></p>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-md-12">
-        <h2 class="as-if-h3 text-center margin-bottom-xs">Latest from our blog</h2>
-        <p class="byline small text-center margin-bottom-md"><a href="http://blog.mayday.us/" title="" class="text-grey-medium">More from our Blog</a></p>
-        <div class="row">
-          <ul class="blog-listings" id="#blog-listings">
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  {% endcomment %}
-
+
 	{% comment %} SECTION 2 - Video + Social Media + Plan Link {% endcomment %}
 
   <div class="homepage-panel">
@@ -124,12 +78,12 @@ <h2 class="text-center text-blue-dark">We are a crowdfunded Super PAC that wants
   <div id="blog-snippets" class="homepage-panel">
     <div class="container">
       <div class="row">
-      	<h2 class="as-if-h3 text-center margin-bottom-xs">Latest from our blog</h2>
-        <p class="byline small text-center"><a href="http://blog.mayday.us/" title="" class="text-grey-medium">More from our Blog</a></p>
+      	<h2 class="as-if-h3 text-center margin-bottom-md">Latest from our blog</h2>
         <div class="row">
           <ul class="blog-listings" id="blog-listings">
           </ul>
         </div>
+        <p class="byline small text-center as-if-h6 margin-top-sm margin-bottom-xs"><a href="http://blog.mayday.us/" title="" class="text-grey-medium">More from our Blog</a></p>
       </div>
   	</div>
   </div>

diff --git a/redirect-hack.html b/redirect-hack.html
@@ -21,7 +21,7 @@
 }
 
 if ( redirect === "donate" ) {
-   window.top.location.href = "/donate";
+   window.top.location.href = "/email-thanks";
 } else if ( redirect === "thanks" ) {
    window.top.location.href = "/donate-thanks";
 } else {