From 472a02863282487e8b6a218e483989b262a1b67c Mon Sep 17 00:00:00 2001
From: Alex Kern <alex@kern.io>
Date: Tue, 30 Jun 2015 21:46:35 -0700
Subject: [PATCH] Add a PayPal donation button.

---
 css/index.styl        | 24 ++++++++++++++++++------
 lib/components/App.js | 14 ++++++++++++--
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/css/index.styl b/css/index.styl
index ebcafc6..5019646 100644
--- a/css/index.styl
+++ b/css/index.styl
@@ -49,12 +49,23 @@ body {
     width: 100%;
 }
 
-.byline {
-    display: table-row;
-    font: 12px/40px "Quicksand", sans-serif;
-    text-align: center;
-    color: gray;
-    height: 40px;
+.footer {
+    display: table;
+    width: 100%;
+    padding: 20px;
+
+    form {
+        text-align: center;
+        display: table-row;
+    }
+
+    p {
+        display: table-row;
+        font: 12px/20px "Quicksand", sans-serif;
+        text-align: center;
+        color: gray;
+        padding: 0 10px;
+    }
 }
 
 .container {
@@ -65,6 +76,7 @@ body {
 
 .page {
     display: flex
+    padding-top: 8vh;
     flex-direction: column;
     justify-content: center;
     height: 100%;
diff --git a/lib/components/App.js b/lib/components/App.js
index 85bb62d..9eaba72 100644
--- a/lib/components/App.js
+++ b/lib/components/App.js
@@ -53,8 +53,18 @@ export default class App extends React.Component {
             ? <RouteHandler />
             : <ErrorPage />}
         </div>
-        <footer className="byline">
-          Cooked up by <a href="http://kern.io" target="_blank">Alex Kern</a> &amp; <a href="http://neeraj.io" target="_blank">Neeraj Baid</a> while eating <strong>Sliver</strong> @ UC Berkeley &middot; <a href="https://github.com/kern/filepizza#faq">FAQ</a> &middot; <a href="https://github.com/kern/filepizza">Fork us</a>
+        <footer className="footer">
+          <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
+            <input type="hidden" name="cmd" value="_s-xclick" />
+            <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----" />
+            <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" />
+          </form>
+
+          <p>BTC: <strong>1P7yFQAC3EmpvsB7K9s6bKPvXEP1LPoQnY</strong></p>
+
+          <p>
+            Cooked up by <a href="http://kern.io" target="_blank">Alex Kern</a> &amp; <a href="http://neeraj.io" target="_blank">Neeraj Baid</a> while eating <strong>Sliver</strong> @ UC Berkeley &middot; <a href="https://github.com/kern/filepizza#faq" target="_blank">FAQ</a> &middot; <a href="https://github.com/kern/filepizza" target="_blank">Fork us</a>
+          </p>
         </footer>
         <script>FilePizza()</script>
         <ga.Initializer />