summaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorLuke T. Shumaker <lukeshu@lukeshu.com>2024-04-14 09:02:37 -0600
committerLuke T. Shumaker <lukeshu@lukeshu.com>2024-04-14 09:02:37 -0600
commit1dcf19f75016cd4dcf07897a618b17050dca52fa (patch)
treee81b5b40e44c82add881e5eb64c603f66ca7b081 /public
parent09b3af4133506e31cb65bd120a531f1d22602139 (diff)
wip
Diffstat (limited to 'public')
-rw-r--r--public/donate.css62
-rw-r--r--public/donate.html4
-rw-r--r--public/index.html80
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>