Add donation links in README.md, in demo

joelpurra · Jan 26, 2017 · b39f393 · b39f393
1 parent cf8cec7
commit b39f393
Show file tree

Hide file tree

Showing 5 changed files with 52 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,12 @@
 # [hexagonif](https://joelpurra.com/projects/hexagonif/)
 
+<p class="donate">
+  <a href="https://joelpurra.com/donate/proceed/?amount=5&currency=usd"><kbd>Donate $5 now</kbd></a>
+  <a href="https://joelpurra.com/donate/proceed/?amount=25&currency=usd"><kbd>Donate $25 now</kbd></a>
+  <a href="https://joelpurra.com/donate/proceed/?amount=100&currency=usd&invoice=true"><kbd>Donate $100 now</kbd></a>
+  <a href="https://joelpurra.com/donate/"><kbd>More options</kbd></a>
+</p>
+
 [![Screenshot of hexagonif after playing around a while](docs/hexagonif-screenshot.png)](https://joelpurra.com/projects/hexagonif/)
 
 Played around with the HTML5 `<canvas>` element for use in the background of a website, and ended up with this little toy. [Play around with the interactive demo.](https://joelpurra.com/projects/hexagonif/) The name "hexagonif" comes from [hexagon](https://en.wiktionary.org/wiki/hexagon) and [gonif](https://en.wiktionary.org/wiki/gonif).
@@ -47,4 +54,4 @@ open "http://localhost:47333/"
 
 
 
-[hexagonif](https://github.com/joelpurra/hexagonif) Copyright &copy; 2014, 2015, 2016, 2017 [Joel Purra](https://joelpurra.com/). Licensed under the [GNU Affero General Public License, Version 3 (AGPL-3.0)](https://www.gnu.org/licenses/agpl-3.0.html).
+[hexagonif](https://github.com/joelpurra/hexagonif) Copyright &copy; 2014, 2015, 2016, 2017 [Joel Purra](https://joelpurra.com/). Licensed under the [GNU Affero General Public License, Version 3 (AGPL-3.0)](https://www.gnu.org/licenses/agpl-3.0.html). [Your donations are appreciated!](https://joelpurra.com/donate/)
diff --git a/docs/index.html b/docs/index.html
@@ -19,6 +19,13 @@ <h1>
             <p>
                 It's a hexagonif. <a href="">Reload</a>
             </p>
+
+            <p class="donate">
+                <a href="https://joelpurra.com/donate/proceed/?amount=5&currency=usd"><kbd>Donate $5 now</kbd></a>
+                <a href="https://joelpurra.com/donate/proceed/?amount=25&currency=usd"><kbd>Donate $25 now</kbd></a>
+                <a href="https://joelpurra.com/donate/proceed/?amount=100&currency=usd&invoice=true"><kbd>Donate $100 now</kbd></a>
+                <a href="https://joelpurra.com/donate/"><kbd>More options</kbd></a>
+            </p>
         </div>
     </header>
 

diff --git a/docs/resources/css/main.css b/docs/resources/css/main.css
@@ -49,4 +49,19 @@ canvas {
 #hexagonif {
   width: 100%;
   height: 100%;
+}
+
+.donate kbd {
+  display: inline-block;
+  color: #555;
+  vertical-align: middle;
+  padding: 0.1em;
+  padding-left: 0.3em;
+  padding-right: 0.3em;
+  background-color: #fcfcfc;
+  border: solid 1px #ccc;
+  border-bottom-color: #bbb;
+  border-radius: 0.3em;
+  box-shadow: inset 0 -1px 0 #bbb;
+  font-family: Helvetica, Verdana, sans-serif;
 }
diff --git a/src/index.html b/src/index.html
@@ -19,6 +19,13 @@ <h1>
             <p>
                 It's a hexagonif. <a href="">Reload</a>
             </p>
+
+            <p class="donate">
+                <a href="https://joelpurra.com/donate/proceed/?amount=5&currency=usd"><kbd>Donate $5 now</kbd></a>
+                <a href="https://joelpurra.com/donate/proceed/?amount=25&currency=usd"><kbd>Donate $25 now</kbd></a>
+                <a href="https://joelpurra.com/donate/proceed/?amount=100&currency=usd&invoice=true"><kbd>Donate $100 now</kbd></a>
+                <a href="https://joelpurra.com/donate/"><kbd>More options</kbd></a>
+            </p>
         </div>
     </header>
 

diff --git a/src/resources/css/main.css b/src/resources/css/main.css
@@ -41,4 +41,18 @@ canvas {
 #hexagonif {
     width: 100%;
     height: 100%;
-}
+}
+.donate kbd {
+    display: inline-block;
+    color: #555;
+    vertical-align: middle;
+    padding: 0.1em;
+    padding-left: 0.3em;
+    padding-right: 0.3em;
+    background-color: #fcfcfc;
+    border: solid 1px #ccc;
+    border-bottom-color: #bbb;
+    border-radius: 0.3em;
+    box-shadow: inset 0 -1px 0 #bbb;
+    font-family: Helvetica, Verdana, sans-serif;
+}