Coinbase tipping

static/app/index.html

@@ -63,6 +63,8 @@ <h1 class="brand green-plus-before">
                 Get pre-release (PDF)
               </a>
               <a href="https://twitter.com/share" class="twitter-share-button" data-via="lvh" data-size="large">Tweet</a>
+	      <div class="cb-tip-button" data-href="https://www.coinbase.com/tip_buttons/show_tip" data-to-external="" data-to-username="lvh" data-content-location="" style="vertical-align: middle; display: inline; padding-top: 12.5px"></div>
+<script>!function(d,s,id) {var js,cjs=d.getElementsByTagName(s)[0];e=d.getElementById(id);if(e){return;}js=d.createElement(s);js.id=id;js.src="https://www.coinbase.com/assets/tips.js";cjs.parentNode.insertBefore(js,cjs);}(document, 'script', 'coinbase-tips');</script>
             </div>
           </div>
 
@@ -114,29 +116,6 @@ <h2>Works everywhere.</h2>
         </div>
       </div>
 
-      <hr>
-
-      <div class="container m-top-50 m-medium-top-100
-                  m-bottom-50 m-medium-bottom-100">
-        <h2 class="text-center">Sponsors</h2>
-        <div class="row">
-          <div class="mustache3 text-center">
-            <div class="rackspace-logo m-top-30 m-medium-top-60"></div>
-          </div>
-          <div class="mustache3">
-            <p class="m-top-30 m-medium-top-60">
-              <a href="https://www.rackspace.com/">Rackspace</a>
-              is a world-leading cloud services provider. They
-              have incredibly generously offered to take care of
-              all of Crypto 101's hosting requirements free of
-              charge. This project simply wouldn't be possible
-              without their help.
-            </p>
-            <p>Thanks, Rackspace!</p>
-          </div>
-        </div>
-      </div>
-
       <div class="bg-grey-lightest p-top-50 p-medium-top-100
                   p-bottom-50 p-medium-bottom-100
                   m-bottom-30 m-medium-bottom-60">
@@ -145,14 +124,19 @@ <h2 class="text-center">Donations</h2>
           <div class="row">
             <div class="mustache4 offset1">
               <p>
-                Crypto 101 is available for everyone, for free, forever.
-                Development is
+                Crypto 101 is available for everyone, for free,
+                forever.  Development is
                 hosted <a href="https://github.com/crypto101">on
-                  Github</a>, funded by free time and your donations. You
-                are free to donate any amount you want, and all donations
-                are of course entirely voluntary. Learn
-                more <a href="contributing.html">about contributing</a>.
-              </p>
+                Github</a>, funded by free time and your
+                donations. You are free to donate any amount you want,
+                and all donations are of course entirely
+                voluntary. The easiest way to donate is through
+                Coinbase:</p>
+
+	      <div class="cb-tip-button" data-href="https://www.coinbase.com/tip_buttons/show_tip" data-to-external="" data-to-username="lvh" data-content-location="" style="text-align: center; margin-left: -55px"></div>
+<script>!function(d,s,id) {var js,cjs=d.getElementsByTagName(s)[0];e=d.getElementById(id);if(e){return;}js=d.createElement(s);js.id=id;js.src="https://www.coinbase.com/assets/tips.js";cjs.parentNode.insertBefore(js,cjs);}(document, 'script', 'coinbase-tips');</script>
+
+	      <p>The following donation methods are also available:</p>
             </div>
           </div>
 
@@ -190,6 +174,27 @@ <h3 class="text-light">Credit cards</h3>
         </div>
       </div>
 
+      <div class="container m-top-50 m-medium-top-100
+                  m-bottom-50 m-medium-bottom-100">
+        <h2 class="text-center">Sponsors</h2>
+        <div class="row">
+          <div class="mustache3 text-center">
+            <div class="rackspace-logo m-top-30 m-medium-top-60"></div>
+          </div>
+          <div class="mustache3">
+            <p class="m-top-30 m-medium-top-60">
+              <a href="https://www.rackspace.com/">Rackspace</a>
+              is a world-leading cloud services provider. They
+              have incredibly generously offered to take care of
+              all of Crypto 101's hosting requirements free of
+              charge. This project simply wouldn't be possible
+              without their help.
+            </p>
+            <p>Thanks, Rackspace!</p>
+          </div>
+        </div>
+      </div>
+
       <div class="container m-bottom-30 m-medium-bottom-60">
         <h2 class="text-center">Crypto 101: the presentation</h2>
         <div class="row m-bottom-50 m-medium-bottom-100">
@@ -205,8 +210,11 @@ <h2 class="text-center">Crypto 101: the presentation</h2>
           </div>
         </div>
       </div>
+
     </div>
 
+
+
     <!--
         <div class="testimonials">
           <blockquote>