wip

author: Luke T. Shumaker <lukeshu@lukeshu.com> 2024-04-14 09:02:37 -0600
committer: Luke T. Shumaker <lukeshu@lukeshu.com> 2024-04-14 09:02:37 -0600
commit: 1dcf19f75016cd4dcf07897a618b17050dca52fa (patch)
tree: e81b5b40e44c82add881e5eb64c603f66ca7b081 /public
parent: 09b3af4133506e31cb65bd120a531f1d22602139 (diff)
3 files changed, 119 insertions, 27 deletions
diff --git a/public/donate.css b/public/donate.css
new file mode 100644
index 0000000..49be209
--- /dev/null
+++ b/public/donate.css
@@ -0,0 +1,62 @@
+/* generic */
+
+fieldset > a.donate-btn {
+    width: calc(100% - 1em);
+}
+
+a.donate-btn {
+    margin: 0.25em 0;
+
+    border-radius: 5px;
+    display: inline-block;
+    padding: 5px 7px 3px 7px;
+
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 22px;
+    text-decoration: none;
+}
+a.donate-btn > img {
+    height: 16px;
+    margin-top: 2px;
+    margin-right: 3px;
+    vertical-align: top;
+}
+a.donate-btn > span {
+    vertical-align: top;
+}
+
+/* Liberapay */
+
+a.donate-btn.liberapay {
+    background-color: #f6c915;
+    color: #1a171b;
+    font-family: Helvetica Neue,Helvetica,sans-serif;
+}
+a.donate-btn.liberapay:hover {
+    background-color: #fbce1a;
+}
+
+/* Ko-fi */
+
+a.donate-btn.kofi {
+    font-family: 'Quicksand',Helvetica,Century Gothic,sans-serif;
+    background-color: #29abe0;
+    color: #ffffff;
+}
+a.donate-btn.kofi:hover {
+    background-color: #48b7e4;
+}
+
+/* Patreon */
+
+a.donate-btn.patreon {
+    background-color: #000000;
+    color: #ffffff;
+    text-transform: uppercase;
+    outline: solid 1px #000000;
+}
+a.donate-btn.patreon:hover {
+    background-color: #ffffff;
+    color:  #000000;
+}
diff --git a/public/donate.html b/public/donate.html
index 5df1b08..8dc33f3 100644
--- a/public/donate.html
+++ b/public/donate.html
@@ -30,9 +30,9 @@ to cut back my activities by at least 50% in the next year.</p>
 <p>There are several ways you can sponsor me:</p>
 
 <ul>
-    <li><a href="https://liberapay.com/lukeshu/">Liberapay</a></li>
+    <li><a href="https://liberapay.com/lukeshu/donate">Liberapay</a><!-- (0% fee) --></li>
     <!--<li><a href="https://github.com/sponsors/LukeShu">GitHub Sponsors</a></li>-->
-    <li><a href="https://patreon.com/lukeshu">Patreon</a></li>
+    <li><a href="https://patreon.com/lukeshu">Patreon</a><!-- (8% fee) --></a></li>
     <li><a href="https://ko-fi.com/lukeshu">Ko-fi</a><!-- (0% fee) --></li>
 </ul>
 
diff --git a/public/index.html b/public/index.html
index c781278..3c46e61 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,29 +2,51 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>Luke Shumaker's home page</title>
+  <title>Luke T. Shumaker's home page</title>
   <link rel="stylesheet" type="text/css" href="blog/assets/style.css">
+  <link rel="stylesheet" type="text/css" href="donate.css">
 </head>
 <body>
 <article>
 
 <h1>Luke T. Shumaker</h1>
 
-<p>I am a programmer/hacker<!--, graduate of Purdue University -->,
+<aside style="float:right">
+    <fieldset><legend><a href="./donate.html">sponsor me</a></legend>
+
+        <a class="donate-btn liberapay" href="https://liberapay.com/lukeshu/donate"><img src="https://liberapay.com/assets/liberapay/icon-v2_black.svg"
+                 alt="Liberapay icon" /><span>Liberapay</span></a>
+
+        <br/>
+
+        <a class="donate-btn kofi" href='https://ko-fi.com/lukeshu'>
+            <img src="https://storage.ko-fi.com/cdn/cup-border.png"
+                 alt="Ko-fi icon" />
+            <span>Ko-fi</span>
+        </a>
+
+        <br/>
+
+        <a class="donate-btn patreon" href='https://patreon.com/lukeshu'>
+            <span>Patreon</span>
+        </a>
+
+    </fieldset>
+</aside>
+
+<p>I am a programmer/hacker,
   and an advocate of software freedom.  I'm working on improving the
   GNU/Linux-libre ecosystem!</p>
 
-<aside style="float:right">
+<p>I've been a developer for the
+    <a href="https://parabola.nu/">Parabola&nbsp;GNU/Linux-libre</a>
+    operating system since 2011, and am also doing <a href="./imworkingon.html">lots
+    of other things</a> to
+    improve the GNU/Linux ecosystem.  If you like my work, please
+    consider <a href="./donate.html">sponsoring</a> my
+    work so that I can keep doing it.</p>
 
-  <!-- formerly member ID 11434... why did it change? -->
-  <!--<a href="https://www.fsf.org/register_form?referrer=11434">
-    <img src="https://static.fsf.org/nosvn/associate/fsf-11434.png"
-         alt="[FSF Associate Member]" /></a>-->
-  <a href="https://my.fsf.org/join?referrer=21708">
-    <img src="https://static.fsf.org/nosvn/associate/crm/21708.png"
-         alt="Free Software Foundation Associate Member" /></a>
-
-  <br/>
+<aside style="clear:right; float:right">
 
   <!-- Don't be wider than the FSF badge.  The mis-aligned images look bad.  -->
   <a href="https://sfconservancy.org/sustainer/">
@@ -32,28 +54,26 @@
          alt="Software Freedom Conservancy Sustainer"
          width=180 /></a>
 
-</aside>
+  <br/>
 
-<p>I am a developer for
-  the <a href="https://parabola.nu/">Parabola
-  GNU/Linux-libre</a> operating system.  I am a packager, and do
-  maintainence on the website and wiki.  However, most of current my
-  involvement is spent as the maintainer of the packaging toolchain,
-  "<a href="https://git.parabola.nu/packages/libretools.git/">libretools</a>".</p>
+  <!-- formerly member ID 11434... why did it change? -->
+  <!--<a href="https://www.fsf.org/register_form?referrer=11434">
+    <img src="https://static.fsf.org/nosvn/associate/fsf-11434.png"
+         alt="[FSF Associate Member]" /></a>-->
+  <a href="https://my.fsf.org/join?referrer=21708">
+    <img src="https://static.fsf.org/nosvn/associate/crm/21708.png"
+         alt="Free Software Foundation Associate Member" /></a>
 
-<!--
-<p>I am employed as a senior systems engineer at
-  <a href="https://www.getambassador.io/">Ambassdor Labs (formerly known as Datawire)</a>,
-  where we work on <a href="https://github.com/datawire/">mostly Free Software</a>.</p>
--->
+</aside>
 
 <h2>Things to see here:</h2>
 
 <ul>
+<li><a href="./imworkingon.html"><code>imworkingon</code></a> — A log of the things I'm working on.<ul>
+  <li><a href="./donate.html"><code>donate</code></a> — I greatly appreciate any help supporting that work!</li></ul></li>
 <li><a href="./blog/"><code>blog</code></a> — My web-log ("blog").</li>
 <li><a href="./git/"><code>git</code></a> — My git repositories; software I develop.  It includes some mirrors of software I work on hosted elsewhere, but not all of my software is here.</li>
 <!--<li><a href="./resume/resume-current.pdf"><code>resume</code></a> — My résumé.  I am looking for interesting opportunities.-->
-<li><a href="./donate.html"><code>donate</code></a> — I greatly appreciate any help supporting my work on improving the ecosystem!</li>
 </ul>
 
 <h2>Contact</h2>
@@ -77,6 +97,16 @@
 
 </ul></li>
 
+<li>Not-so-social web:<ul>
+
+<li>I am <a href="https://keybase.io/lukeshu">lukeshu</a> on keybase.</li>
+
+<li>I am <a href="https://github.com/LukeShu/">LukeShu</a> on GitHub.</li>
+
+<li>I am <a href="https://gitlab.com/lukeshu">lukeshu</a> on GitLab.com.</li>
+
+</ul></li>
+
 <li>My phone number is <img src="/phone-number.png" style="height: 1em" />.
   Please only use it to contact me regarding server issues, including the <tt>mav.lukeshu.com</tt> mail server.</li>
author	Luke T. Shumaker <lukeshu@lukeshu.com>	2024-04-14 09:02:37 -0600
committer	Luke T. Shumaker <lukeshu@lukeshu.com>	2024-04-14 09:02:37 -0600
commit	1dcf19f75016cd4dcf07897a618b17050dca52fa (patch)
tree	e81b5b40e44c82add881e5eb64c603f66ca7b081 /public
parent	09b3af4133506e31cb65bd120a531f1d22602139 (diff)