diff options
| -rw-r--r-- | cmd/generate/imworkingon.html.tmpl | 35 | ||||
| -rw-r--r-- | public/donate.css | 62 | ||||
| -rw-r--r-- | public/donate.html | 4 | ||||
| -rw-r--r-- | public/index.html | 80 |
4 files changed, 124 insertions, 57 deletions
diff --git a/cmd/generate/imworkingon.html.tmpl b/cmd/generate/imworkingon.html.tmpl index 196699b..1350e73 100644 --- a/cmd/generate/imworkingon.html.tmpl +++ b/cmd/generate/imworkingon.html.tmpl @@ -3,37 +3,8 @@ <head> <meta charset="utf-8"> <title>Luke is working on</title> + <link rel="stylesheet" type="text/css" href="blog/assets/style.css"> <style> - body { - width: 98%; - max-width: 1024px; - margin-left: auto; - margin-right: auto; - - font-family: sans-serif; - } - * { - box-model: border-box; - } - kbd, code, samp, tt, pre { - background: #DDDDFF; - } - kbd, code, samp, tt, { - white-space: pre-wrap; - } - h1, h2, h3, h4, h5, h6 { - font-family: sans-serif; - } - h1 { - text-align: center; - background-color: #DDDDFF; - } - a { - text-decoration: none; - } - a:hover, a:focus { - text-decoration: underline; - } article { border: solid 1px #333333; border-radius: 1em; @@ -155,5 +126,9 @@ </article> {{- end }} </section> + <footer> + <p>The content of this page is Copyright © Luke Shumaker.</p> + <p>This page is licensed under the <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA-3.0</a> license.</p> + </footer> </body> </html> 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 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> |