Expand donations page

4 files changed, 88 insertions, 18 deletions

diff --git a/scripts/build.rb b/scripts/build.rb
index b88dad1..371a04a 100755
--- a/scripts/build.rb
+++ b/scripts/build.rb
@@ -33,7 +33,7 @@ P.add 'style', 'style.css'
 P.add 'index', 'index.html'
 P.add 'blog', 'blog.html'
 P.add 'projects', 'projects.html'
-P.add 'crypto', 'crypto.html'
+P.add 'donate', 'donate.html'
 P.add 'rss', 'rss.xml'
 
 if !Dir.exists? 'public/blog'
@@ -48,7 +48,7 @@ write_statics statics
 write_templated_erb 'index.html.erb', title: 'Martin Chrzanowski.'
 write_templated_erb 'projects.html.erb', title: 'Projects.'
 write_blog_archive
-write_templated_file 'crypto.html', title: 'Crypto addresses.'
+write_templated_file 'donate.html', title: 'Donations.'
 
 P.cd 'blog'
 
diff --git a/src/crypto.html b/src/crypto.html
deleted file mode 100644
index b3af47a..0000000
--- a/src/crypto.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<p>BTC: <code>15CRCVx5okbTDwU6M4kmA1JGTimtFkZFak</code> </p>
-
-<p>ETH and Ethereum tokens: <code>0x8370f8De24c4Dc0459CF22DAaAe259f89A03e626</code>
-</p>
-
-<p>CELO and Celo tokens: <code>0x207a9efcf1114f7cbc110526689f9cb417a7bfc8</code>
-</p>
-
-<p>DOGE: <code>DDBsGmC5L55LUAUoHZAZJkb12m1ZUetTBS</code> </p>
-<p>
-XMR:
-<code>
-    43a9nnjbS38daKSM7reXJE3CydjZMxdj6Yu4YLvP1zN7TfrHGBjiEKy6PPAuznSYpG6Af1ip6qBkn85Lahtqj7fZVQKMdJu
-</code>
-</p>
diff --git a/src/donate.html b/src/donate.html
new file mode 100644
index 0000000..7996856
--- /dev/null
+++ b/src/donate.html
@@ -0,0 +1,85 @@
+<p>
+If you would like to show appreciation for anything from me you enjoyed or found
+useful, I'll be very grateful for any donations, big or small!
+</p>
+
+<details open>
+  <summary>
+  <strong>Crypto</strong>
+  </summary>
+<p>
+<strong>OpenAlias</strong> for BTC and XMR: <code>m-chrzan.xyz</code>
+</p>
+
+<p>
+BTC:
+<a><code onclick="copy('btc')">15CRCVx5okbTDwU6M4kmA1JGTimtFkZFak</code></a>
+</p>
+<input type='text' id='btc' value='15CRCVx5okbTDwU6M4kmA1JGTimtFkZFak' hidden></input>
+
+<p>
+XMR:
+<a><code onclick='copy("xmr")'>
+    43a9nnjbS38daKSM7reXJE3CydjZMxdj6Yu4YLvP1zN7TfrHGBjiEKy6PPAuznSYpG6Af1ip6qBkn85Lahtqj7fZVQKMdJu
+</code></a>
+</p>
+<input type='text' id='xmr' value='43a9nnjbS38daKSM7reXJE3CydjZMxdj6Yu4YLvP1zN7TfrHGBjiEKy6PPAuznSYpG6Af1ip6qBkn85Lahtqj7fZVQKMdJu' hidden></input>
+
+<p>
+ETH and Ethereum tokens:
+<a><code onclick='copy("eth")'>0x8370f8De24c4Dc0459CF22DAaAe259f89A03e626</code></a>
+</p>
+<input type='text' id='eth' value='0x8370f8De24c4Dc0459CF22DAaAe259f89A03e626' hidden></input>
+
+<p>
+CELO and Celo tokens:
+<a><code onclick='copy("celo")'>0x207a9efcf1114f7cbc110526689f9cb417a7bfc8</code></a>
+</p>
+<input type='text' id='celo' value='0x207a9efcf1114f7cbc110526689f9cb417a7bfc8' hidden></input>
+
+<p>
+DOGE:
+<a><code onclick='copy("doge")'>DDBsGmC5L55LUAUoHZAZJkb12m1ZUetTBS</code></a>
+</p>
+<input type='text' id='doge' value='DDBsGmC5L55LUAUoHZAZJkb12m1ZUetTBS' hidden></input>
+</details>
+
+<details>
+  <summary>
+  <strong>BAT</strong>
+  </summary>
+
+  <p>
+  This website is part of the Brave Rewards program. If you read my website with
+  Brave with ads and/or auto-contribute enabled, you may have already contributed
+  some BAT. Thank you! You can also configure monthly contributions or send
+  one-time tips inside the Brave browser.
+  </p>
+</details>
+
+<details>
+  <summary><strong>Affiliate links</strong></summary>
+  <h3><a href='https://www.vultr.com/?ref=8782719-6G'>Vultr</a></h3>
+  <p>
+  If you would like to host your own website or other services, you can get
+  started very cheaply with a $3.50/month VPS provided by Vultr. If you use my
+  <a href='https://www.vultr.com/?ref=8782719-6G'>referral link</a> to sign up,
+  you'll get some starter credit, and if you fund your account with $25 and are
+  active for 30 days, I'll receive some credit that will help keep this website
+  up.
+  </p>
+</details>
+
+<script>
+  console.log('in script?')
+  function copy(id) {
+    console.log('in copy')
+    const text = document.getElementById(id)
+    text.hidden=false
+    text.select()
+    text.setSelectionRange(0, 9999)
+    document.execCommand("copy")
+    text.hidden=true
+    console.log('copied')
+  }
+</script>
diff --git a/src/index.html.erb b/src/index.html.erb
index 75fca0f..1dcf222 100644
--- a/src/index.html.erb
+++ b/src/index.html.erb
@@ -21,5 +21,5 @@
   <li><a href='mailto:<%= Email %>'>Email</a></li>
   <li><a href='<%= path_to 'key' %>'>PGP</a></li>
   <li><a href='https://git.m-chrzan.xyz'>Code</a></li>
-  <li><a href='<%= path_to 'crypto' %>'>Crypto</a></li>
+  <li><a href='<%= path_to 'donate' %>'>Donate</a></li>
 </ul>