From 41970c0ac44b8adfbd512653bbe47ec5b13a85af Mon Sep 17 00:00:00 2001
From: ericsims <ericsimsm@gmail.com>
Date: Tue, 28 Nov 2017 22:55:29 -0500
Subject: [PATCH] a pretty and modular thing:

---
 Assets/CSS/main.css          |  7 ++++++-
 _includes/paypal-button.html | 35 ++++++++++++++++++++++++++++-------
 sponsors.html                |  4 ++--
 store.html                   | 11 ++---------
 4 files changed, 38 insertions(+), 19 deletions(-)

diff --git a/Assets/CSS/main.css b/Assets/CSS/main.css
index 6606f32..6e68655 100644
--- a/Assets/CSS/main.css
+++ b/Assets/CSS/main.css
@@ -23,11 +23,16 @@ a {
   transition:0.2s;
 }
 
-a:hover{
+:not(.orangeSectionWrapper) a:hover{
   text-decoration: none;
   color: #F9423A;
 }
 
+.orangeSectionWrapper a:hover{
+  text-decoration: none;
+  color: #fff;
+}
+
 img {
   display: block;
   max-width: 75vw;
diff --git a/_includes/paypal-button.html b/_includes/paypal-button.html
index 246e52a..22c80e8 100644
--- a/_includes/paypal-button.html
+++ b/_includes/paypal-button.html
@@ -1,13 +1,34 @@
 <style>
 .paypalbutton input {
     vertical-align:  middle;
-    margin: 0px 0px 5px 5px;
+    margin: 0; padding: 0;
+}
+
+.inputbutton {
+  background:none!important;
+  border:none;
+  padding:0!important;
+  text-decoration: none;
+  color: #afaeae;
+  font-size: 24px;
+  text-align: center;
+  font-family: "Roboto Slab";
+  transition:0.2s;
+}
+
+:not(.orangeSectionWrapper) .inputbutton:hover {
+color: #F9423A;
+}
+.orangeSectionWrapper .inputbutton:hover {
+  color: #fff;
 }
 </style>
-<form action="https://www.paypal.com/cgi-bin/webscr" class="paypalbutton" method="post" target="_top">
-  <p style="text-align:left">Paypal:
-    <input type="hidden" name="cmd" value="_s-xclick" />
-    <input type="hidden" name="hosted_button_id" value="PBJCUHZSNG6AN" />
-    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
-  </p>
+
+<form action="https://www.paypal.com/cgi-bin/webscr" class="paypalbutton" method="post" target="_top" id="paypalbuttonform">
+      <input type="hidden" name="cmd" value="_s-xclick" />
+      <input type="hidden" name="hosted_button_id" value="PBJCUHZSNG6AN" />
+      <!--input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" alt="PayPal - The safer, easier way to pay online!" /-->
 </form>
+
+<p>Please consider making an <a onclick="document.getElementById('paypalbuttonform').submit();">online donation</a>.</p>
+<p>We are a 501(c)(3) Non-Profit, so your donations are tax deductible.</p>
diff --git a/sponsors.html b/sponsors.html
index ea2bbfd..5fd7701 100644
--- a/sponsors.html
+++ b/sponsors.html
@@ -28,8 +28,8 @@ <h4>This is a shout out to our sponsors. We can't do what we do without your hel
 <div class="orangeSectionWrapper">
   <div class="page-width">
     <h2>Interested in becoming a sponsor?</h2>
-    <p>You can email us at info@letsbuildrockets.org or donate directly using the PayPal button below.</p>
-    <p>We are a 501(c)(3) Non-Profit, so your donations are tax deductible.</p>
+    <p>You can email us at info@letsbuildrockets.org for sponsorship opportunities</p>
     {% include paypal-button.html %}
+
   </div>
 </div>
diff --git a/store.html b/store.html
index eb83bf1..174ee0d 100644
--- a/store.html
+++ b/store.html
@@ -59,15 +59,8 @@
 </script>
 <div class="page-width" id="content">
 <h1>Let's Build Rockets Store</h1>
-<p>If you are interested in supporting our mission, please consider purchasing a T-shirt or kit below.</p>
-<form action="https://www.paypal.com/cgi-bin/webscr" class="paypalbutton" method="post" target="_top">
-  <p style="">You can also donate directly via Paypal:
-    <input type="hidden" name="cmd" value="_s-xclick" />
-    <input type="hidden" name="hosted_button_id" value="PBJCUHZSNG6AN" />
-    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
-  </p>
-</form>
-<p>We are a 501(c)(3) Non-Profit, so your donations may be deductible.</p>
+<p>If you are interested in supporting our mission, please see the T-shirts or kits available for purchase below.</p>
+{% include paypal-button.html %}
 
 <script type="text/javascript">
 var products = {};