diff options
| author | Luke T. Shumaker <lukeshu@lukeshu.com> | 2024-04-14 10:38:36 -0600 |
|---|---|---|
| committer | Luke T. Shumaker <lukeshu@lukeshu.com> | 2024-04-14 10:53:42 -0600 |
| commit | 3c46bd7b2f61fec1f5719d73d88c3553a6862d52 (patch) | |
| tree | 3d8a683a72d4d12a70030c690c86e6fc18f1f589 /public/index.html | |
| parent | 1dcf19f75016cd4dcf07897a618b17050dca52fa (diff) | |
wip
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 53 |
1 files changed, 40 insertions, 13 deletions
diff --git a/public/index.html b/public/index.html index 3c46e61..ab0ee42 100644 --- a/public/index.html +++ b/public/index.html @@ -4,30 +4,47 @@ <meta charset="utf-8"> <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"> + <link rel="stylesheet" type="text/css" href="sponsor/sponsor.css"> + <style> + aside { + margin-bottom: 1em; + margin-left: 0.5em; + float: right; + clear: both; + } + fieldset, fieldset * { + box-sizing: border-box; + } + fieldset > a.donate-btn { + width: 100%; + } + </style> </head> <body> <article> <h1>Luke T. Shumaker</h1> -<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> +<aside> + <fieldset><legend><a href="sponsor">sponsor me</a></legend> + <a class="donate-btn liberapay" href="https://liberapay.com/lukeshu/donate"> + <img src="sponsor/liberapay-icon.svg" + alt="Liberapay icon" /> + Liberapay</a> <br/> <a class="donate-btn kofi" href='https://ko-fi.com/lukeshu'> - <img src="https://storage.ko-fi.com/cdn/cup-border.png" + <img src="sponsor/kofi-icon.png" alt="Ko-fi icon" /> - <span>Ko-fi</span> + Ko-fi </a> <br/> <a class="donate-btn patreon" href='https://patreon.com/lukeshu'> + <img src="sponsor/patreon-icon.svg" + alt="Patreon icon" /> <span>Patreon</span> </a> @@ -43,10 +60,10 @@ 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 + consider <a href="sponsor">sponsoring</a> my work so that I can keep doing it.</p> -<aside style="clear:right; float:right"> +<aside> <!-- Don't be wider than the FSF badge. The mis-aligned images look bad. --> <a href="https://sfconservancy.org/sustainer/"> @@ -69,8 +86,8 @@ <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="./imworkingon/"><code>imworkingon</code></a> — A listing of the things I'm working on.<ul> + <li><a href="./sponsor/"><code>sponsor</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.--> @@ -99,7 +116,7 @@ <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://keybase.io/lukeshu">lukeshu</a> on Keybase.</li> <li>I am <a href="https://github.com/LukeShu/">LukeShu</a> on GitHub.</li> @@ -107,6 +124,16 @@ </ul></li> +<li>Sponsor web:<ul> + +<li>I am <a href="https://liberapay.com/lukeshu">lukeshu</a> on Liberapay.</li> + +<li>I am <a href="https://ko-fi.com/lukeshu/">lukeshu</a> on Ko-fi.</li> + +<li>I am <a href="https://www.patreon.com/lukeshu">lukeshu</a> on Patreon.</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> |