wowana.me

website source


commit 6d7259e549439942d996e54ca170e71cdd06449e
parent 27ee65e8ddaf78fe0aa9a7543cad171b5a8d12c5
Author: opal hart <opal@wowana.me>
Date:   Fri, 27 Sep 2019 17:36:36 +0000

make site mobile-friendly

Diffstat:
Mout/about.xht | 3++-
Mout/blog/a-musing-on-sharing-and-receiving-opinions.xht | 3++-
Mout/blog/a-new-era-for-hidden-answers.xht | 3++-
Mout/blog/acme-client-letskencrypt-dns-01-how-to.xht | 3++-
Mout/blog/are-passwords-the-right-solution.xht | 3++-
Mout/blog/chen-hosting-goals-and-difficulties.xht | 3++-
Mout/blog/federated-social-networking.xht | 3++-
Mout/blog/feed.atom | 2+-
Mout/blog/guess-im-done-with-discord.xht | 3++-
Mout/blog/index.xht | 3++-
Mout/blog/learning-how-to-learn.xht | 3++-
Mout/blog/living-without-discord.xht | 3++-
Mout/blog/my-and-your-pgp-habits-could-be-better.xht | 3++-
Mout/blog/paving-the-road-for-the-future-of-technology.xht | 3++-
Mout/blog/site-update.xht | 3++-
Mout/blog/staying-safe-online.xht | 3++-
Mout/blog/testing-patches-made-to-bashblog-script.xht | 3++-
Mout/blog/the-grey-area-of-paedophilia.xht | 3++-
Mout/blog/trying-new-software.xht | 3++-
Mout/blog/why-i-no-longer-use-github.xht | 3++-
Mout/blog/why-program-efficiency-and-usability-matters.xht | 3++-
Mout/blog/wowaname-now-on-git-and-hosted-on-my-laptop.xht | 3++-
Mout/bookmarks.xht | 3++-
Mout/contact.xht | 5+++--
Mout/donate.xht | 3++-
Mout/fediverse.xht | 5+++--
Mout/htss.xht | 3++-
Mout/index.xht | 3++-
Mout/opal.css | 79+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------
Mout/permalink.xht | 3++-
Mout/pgp.xht | 3++-
Aout/software.xht | 267+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Msrc/header.inc | 3++-
33 files changed, 393 insertions(+), 49 deletions(-)

diff --git a/out/about.xht b/out/about.xht @@ -4,7 +4,8 @@ <head> <title>about – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/a-musing-on-sharing-and-receiving-opinions.xht b/out/blog/a-musing-on-sharing-and-receiving-opinions.xht @@ -4,7 +4,8 @@ <head> <title>a musing on sharing and receiving opinions – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/a-new-era-for-hidden-answers.xht b/out/blog/a-new-era-for-hidden-answers.xht @@ -4,7 +4,8 @@ <head> <title>a new era for Hidden Answers – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/acme-client-letskencrypt-dns-01-how-to.xht b/out/blog/acme-client-letskencrypt-dns-01-how-to.xht @@ -4,7 +4,8 @@ <head> <title>acme-client (letskencrypt) dns-01 how-to – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/are-passwords-the-right-solution.xht b/out/blog/are-passwords-the-right-solution.xht @@ -4,7 +4,8 @@ <head> <title>are passwords the right solution? – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/chen-hosting-goals-and-difficulties.xht b/out/blog/chen-hosting-goals-and-difficulties.xht @@ -4,7 +4,8 @@ <head> <title>Chen Hosting goals and difficulties – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/federated-social-networking.xht b/out/blog/federated-social-networking.xht @@ -4,7 +4,8 @@ <head> <title>federated social networking – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/feed.atom b/out/blog/feed.atom @@ -4,7 +4,7 @@ <link href="/blog/" rel="alternate"/> <link href="/blog/feed.atom" rel="self"/> <id>/blog/</id> - <updated>2019-09-20T15:16:55+0000</updated> + <updated>2019-09-22T19:28:20+0000</updated> <entry> <title>a musing on sharing and receiving opinions</title> <link href="/blog/a-musing-on-sharing-and-receiving-opinions.xht" rel="alternate" type="application/xhtml+xml" /> diff --git a/out/blog/guess-im-done-with-discord.xht b/out/blog/guess-im-done-with-discord.xht @@ -4,7 +4,8 @@ <head> <title>guess I'm done with Discord – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/index.xht b/out/blog/index.xht @@ -4,7 +4,8 @@ <head> <title>blog – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/learning-how-to-learn.xht b/out/blog/learning-how-to-learn.xht @@ -4,7 +4,8 @@ <head> <title>"Learning how to learn" – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/living-without-discord.xht b/out/blog/living-without-discord.xht @@ -4,7 +4,8 @@ <head> <title>living without Discord – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/my-and-your-pgp-habits-could-be-better.xht b/out/blog/my-and-your-pgp-habits-could-be-better.xht @@ -4,7 +4,8 @@ <head> <title>my (and your) PGP habits could be better – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/paving-the-road-for-the-future-of-technology.xht b/out/blog/paving-the-road-for-the-future-of-technology.xht @@ -4,7 +4,8 @@ <head> <title>paving the road for the future of technology – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/site-update.xht b/out/blog/site-update.xht @@ -4,7 +4,8 @@ <head> <title>site update – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/staying-safe-online.xht b/out/blog/staying-safe-online.xht @@ -4,7 +4,8 @@ <head> <title>staying safe online – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/testing-patches-made-to-bashblog-script.xht b/out/blog/testing-patches-made-to-bashblog-script.xht @@ -4,7 +4,8 @@ <head> <title>testing patches made to bashblog script – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/the-grey-area-of-paedophilia.xht b/out/blog/the-grey-area-of-paedophilia.xht @@ -4,7 +4,8 @@ <head> <title>the grey area of paedophilia – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/trying-new-software.xht b/out/blog/trying-new-software.xht @@ -4,7 +4,8 @@ <head> <title>trying new software – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/why-i-no-longer-use-github.xht b/out/blog/why-i-no-longer-use-github.xht @@ -4,7 +4,8 @@ <head> <title>why I no longer use GitHub – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/why-program-efficiency-and-usability-matters.xht b/out/blog/why-program-efficiency-and-usability-matters.xht @@ -4,7 +4,8 @@ <head> <title>why program efficiency [and usability] matters – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/blog/wowaname-now-on-git-and-hosted-on-my-laptop.xht b/out/blog/wowaname-now-on-git-and-hosted-on-my-laptop.xht @@ -4,7 +4,8 @@ <head> <title>wowana.me now on git (and hosted on my laptop) – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/bookmarks.xht b/out/bookmarks.xht @@ -4,7 +4,8 @@ <head> <title>bookmarks – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/contact.xht b/out/contact.xht @@ -4,7 +4,8 @@ <head> <title>contact – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> @@ -31,7 +32,7 @@ <main id='contact'> <h1>contact</h1> -<p>you can reach me via E-mail at <a href="&#x6D;&#97;&#105;l&#116;&#x6F;:&#111;&#x70;&#x61;&#108;&#64;&#x77;&#x6F;&#x77;&#97;&#110;&#x61;&#46;&#109;&#x65;">&#111;&#x70;&#x61;&#108;&#64;&#x77;&#x6F;&#x77;&#97;&#110;&#x61;&#46;&#109;&#x65;</a>, or if you use tor mail, <a href="&#x6D;&#97;&#105;l&#x74;&#111;:&#119;&#111;&#119;&#97;&#x6E;&#x61;&#109;&#x65;&#64;&#118;&#x6F;&#x6C;&#x61;&#x37;&#x69;&#x6C;&#101;&#105;&#97;&#120;&#x34;&#x75;&#101;&#x6F;&#x77;&#x2E;&#x6F;&#x6E;&#x69;&#111;&#110;">&#119;&#111;&#119;&#97;&#x6E;&#x61;&#109;&#x65;&#64;&#118;&#x6F;&#x6C;&#x61;&#x37;&#x69;&#x6C;&#101;&#105;&#97;&#120;&#x34;&#x75;&#101;&#x6F;&#x77;&#x2E;&#x6F;&#x6E;&#x69;&#111;&#110;</a>.</p> +<p>you can reach me via E-mail at <a href="&#x6D;&#x61;&#105;&#x6C;&#x74;&#111;:&#111;&#112;&#x61;&#x6C;&#64;&#x77;&#111;&#119;&#97;&#x6E;&#97;.&#x6D;&#101;">&#111;&#112;&#x61;&#x6C;&#64;&#x77;&#111;&#119;&#97;&#x6E;&#97;.&#x6D;&#101;</a>, or if you use tor mail, <a href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#111;:&#x77;&#x6F;&#119;&#97;&#x6E;&#x61;&#109;&#x65;&#64;&#118;&#111;&#x6C;&#97;&#55;&#105;l&#x65;&#x69;&#97;&#120;4u&#x65;&#111;&#119;&#x2E;&#x6F;&#x6E;&#105;&#111;&#110;">&#x77;&#x6F;&#119;&#97;&#x6E;&#x61;&#109;&#x65;&#64;&#118;&#111;&#x6C;&#97;&#55;&#105;l&#x65;&#x69;&#97;&#120;4u&#x65;&#111;&#119;&#x2E;&#x6F;&#x6E;&#105;&#111;&#110;</a>.</p> <ul> <li><a href="/pgp.xht">PGP is suggested.</a> <em>please give me a well-formed PGP public key so I may reply.</em></li> diff --git a/out/donate.xht b/out/donate.xht @@ -4,7 +4,8 @@ <head> <title>costs and donating – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/fediverse.xht b/out/fediverse.xht @@ -4,7 +4,8 @@ <head> <title>the fediverse – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> @@ -228,7 +229,7 @@ information here.</p> <td><a href="https://niu.moe/">niu.moe</a></td> <td><a href="https://niu.moe/about/more">no, German/French jurisdiction</a></td> <td>if tagged</td> - <td>silences certain instances (you can still follow users directly)</td> + <td><a href="https://niu.moe/about/more#unavailable-content">blocks disclosed</a></td> <td></td> </tr> </table> diff --git a/out/htss.xht b/out/htss.xht @@ -4,7 +4,8 @@ <head> <title>HTSS: HyperText Semantic Subset – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/index.xht b/out/index.xht @@ -4,7 +4,8 @@ <head> <title>opal hart / wowaname</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/opal.css b/out/opal.css @@ -9,11 +9,8 @@ body { max-width: 100%; display: flex; } -hr { - border-width: .2em 0 0; - border-style: dashed; - border-color: #2a0217; - max-width: 3em; +.avatar { + border-radius: .3em .3em 0 0; } .sidebar-holder { display: inline-block; @@ -32,6 +29,60 @@ hr { padding: 0em .4em; text-align: center; } +.topnav ul { + list-style: none; + padding: 0; +} +.topnav ul li { + border-top: .1em solid #ffe2f7; + padding: .2em .4em; +} +@media only screen and (max-width: 768px), (orientation: portrait) { + body { + display: initial; + } + .sidebar { + width: 100%; + text-align: center; + } + .topnav ul { + border-top: .1em solid #ffe2f7; + padding: 1em; + } + .topnav ul li { + border-top: none; + display: inline; + line-height: 1.5em; + padding: 0; + } + .topnav ul li:not(:last-child):after { + content: ' - ' + } + .avatar { + border-radius: 100%; + display: block; + margin: 0 auto; + padding: 10px; + height: 4em; + width: 4em; + } + .sidebar h1, + .sidebar .subheader { + display: inline; + margin: 0; + padding: 0; + } + .sidebar .subheader:before { + content: '/ ' + } +} +hr { + border-width: .2em 0 0; + border-style: dashed; + border-color: #2a0217; + max-width: 3em; +} + main { display: inline-block; padding: 1em; @@ -44,6 +95,13 @@ main p { text-align: justify; text-indent: 1em; } +main li { + margin-bottom: 0.2em; +} +main li > p:first-child { + margin-top: 0; + text-indent: 0; +} blockquote { color: #832917; border-left: .2em solid; @@ -80,17 +138,6 @@ summary { cursor: pointer; display: block; } -.avatar { - border-radius: .3em .3em 0 0; -} -.topnav ul { - list-style: none; - padding: 0; -} -.topnav ul li { - border-top: .1em solid #ffe2f7; - padding: .2em .4em; -} table { border: .1em solid #d178ed; border-collapse: collapse; diff --git a/out/permalink.xht b/out/permalink.xht @@ -4,7 +4,8 @@ <head> <title>permalink – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/pgp.xht b/out/pgp.xht @@ -4,7 +4,8 @@ <head> <title>pgp – wowana.me</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder"> diff --git a/out/software.xht b/out/software.xht @@ -0,0 +1,267 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en-GB"> + <head> + <title>my software choices – wowana.me</title> + <link rel="stylesheet" type="text/css" href="/opal.css"/> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> + </head> + <body> + <div class="sidebar-holder"> + <header class="sidebar"> + <img class="avatar" src="https://seccdn.libravatar.org/avatar/bb7163135b77def7691f06a4e295f3d4?s=290" alt="Libravatar"/> + <h1><a class="nolink" href="/">opal</a></h1> + <p class="subheader">wowaname</p> + <nav class="topnav"> + <ul> + <li><a href="/about.xht">about</a></li> + <li><a href="/blog/">blog</a></li> + <li><a href="/contact.xht">contact</a></li> + <li><a href="/donate.xht">donate</a></li> + <li><a href="/git/">git</a></li> + <li><a href="/pgp.xht">PGP</a></li> + <li><a href="/files/">files</a></li> + <li><a href="/permalink.xht">permalink</a></li> + <li>content is <a href="https://creativecommons.org/share-your-work/public-domain/cc0">public domain</a> unless otherwise noted</li> + </ul> + </nav> + </header> + </div> + +<main id='software'> +<h1>my software choices</h1> + +<p>a list of software I use, whether I recommend it or will attempt to +replace it (<q>good enough</q> column in table), any support channels +such as a users mailing list or a community IRC channel (lately I've +come to prefer E-mail due to its better likelihood of response), and any +other comments I may have about it. for the desktop/server software, +this list of software is what you could expect me to maintain if I make +a Linux distro of my own, which I plan to do when I have time.</p> + +<p>I hope to maintain mailing list archives for the public support lists as +well, in case anything should happen to the main archives. I have found +it helpful to have my own copy of this mail in order to easily search +for solutions to my issues, in such a way a normal web search cannot +satisfy.</p> + +<h2>Linux desktop</h2> + +<table> +<tr> + <th>software</th> + <th>good enough?</th> + <th>mailing list</th> + <th>community chat</th> + <th>comments</th> +</tr> +<tr> + <td><a href="https://claws-mail.org/">claws-mail</a></td> + <td><del>yes, but</del> <ins>lately having issues handling large maildirs</ins> I plan to experiment with NMH and vim to devise a better workflow</td> + <td><a href="mailto:users@lists.claws-mail.org">users@lists.claws-mail.org</a> [<a href="https://claws-mail.org/MLs.php">info</a>]</td> + <td><a href="ircs://irc.freenode.net/claws">freenode #claws</a></td> + <td>I use it to manage mail accounts, mailing list archives, RSS feeds, and newsgroup subscriptions</td> +</tr> +<tr> + <td><a href="https://tools.suckless.org/dmenu/">dmenu</a></td> + <td>yes</td> + <td><a href="mailto:dev@suckless.org">dev@suckless.org</a> [<a href="https://suckless.org/community/">info</a>]</td> + <td></td> + <td>useful for running programs and for various other tools/scripts I write</td> +</tr> +<tr> + <td><a href="https://dunst-project.org/">dunst</a></td> + <td>yes</td> + <td></td> + <td><a href="ircs://irc.freenode.net/dunst">freenode #dunst</a></td> + <td></td> +</tr> +<tr> + <td>Gajim</td> + <td>no. I'm writing <a href="https://krustykrab.restaurant/achlys.html">achlys</a> which will eventually have XMPP support if everything goes well.</td> + <td></td> + <td><a href="xmpp:gajim@conference.gajim.org?join">XMPP gajim@conference.gajim.org</a></td> + <td></td> +</tr> +<tr> + <td><a href="http://hydrusnetwork.github.io/hydrus/">hydrus</a></td> + <td>I may write a more <q>UNIX-y</q> client, but it serves my needs well as-is</td> + <td></td> + <td><a href="https://discord.gg/3H8UTpb">discord</a></td> + <td></td> +</tr> +<tr> + <td>i3wm</td> + <td>yes, fits my workflow perfectly. tiny chance I may experiment with other tiling WMs. if wayland proves to be better, I will switch to sway.</td> + <td></td> + <td></td> + <td></td> +</tr> +<tr> + <td>irssi</td> + <td>no. I'm writing <a href="https://krustykrab.restaurant/achlys.html">achlys</a> with IRC support.</td> + <td></td> + <td><a href="ircs://irc.freenode.net/irssi">freenode #irssi</a></td> + <td></td> +</tr> +<tr> + <td>KeePassXC</td> + <td>yes</td> + <td></td> + <td></td> + <td>the database format is compatible with KeePass DX for Android. I also use a Firefox extension to provide integration with XC.</td> +</tr> +<tr> + <td>Mozilla Firefox</td> + <td>no. hopefully I can lessen my need for a <q>modern</q> web browser</td> + <td><a href="mailto:support-firefox@lists.mozilla.org">support-firefox@lists.mozilla.org</a> [<a href="https://lists.mozilla.org/">info</a>]</td> + <td><a href="ircs://irc.mozilla.org/firefox">irc.mozilla.org #firefox</a></td> + <td>playing around with links2 and netsurf, heading for native compiled applications rather than webapps, et cetera</td> +</tr> +<tr> + <td><a href="https://github.com/themix-project/oomox">oomox</a></td> + <td>yes, allows for easy creation of GTK+ colour schemes</td> + <td></td> + <td></td> + <td></td> +</tr> +<tr> + <td>vim (and gvim)</td> + <td>maybe, unless nvim proves to be better</td> + <td><a href="mailto:vim@vim.org">vim@vim.org</a> [<a href="https://www.vim.org/maillist.php">info</a>]</td> + <td><a href="ircs://irc.freenode.net/vim">freenode #vim</a></td> + <td></td> +</tr> +</table> + +<h2>Linux server</h2> + +<table> +<tr> + <th>software</th> + <th>good enough?</th> + <th>mailing list</th> + <th>IRC support</th> + <th>comments</th> +</tr> +<tr> + <td><a href="https://www.dovecot.org/">dovecot</a></td> + <td>yes</td> + <td><a href="mailto:dovecot@dovecot.org">dovecot@dovecot.org</a> [<a href="https://www.dovecot.org/mailing-lists">info</a>]</td> + <td><a href="ircs://irc.freenode.net/dovecot">freenode #dovecot</a></td> + <td>[1]</td> +</tr> +<tr> + <td>ejabberd</td> + <td></td> + <td></td> + <td></td> + <td>[1]; using this on my laptop for wowana.me because I already have erlang for pleroma</td> +</tr> +<tr> + <td><a href="http://www.mirbsd.org/mksh.htm">mksh</a></td> + <td>yes</td> + <td><a href="mailto:miros-mksh@mirbsd.org">miros-mksh@mirbsd.org</a> [<a href="http://www.mirbsd.org/rss.htm#lists">info</a>]</td> + <td><a href="ircs://irc.freenode.net/!%2fbin%2fmksh">freenode #!/bin/mksh</a></td> + <td></td> +</tr> +<tr> + <td><a href="https://nginx.org/">nginx</a></td> + <td>while nginx is a remarkable webserver, I hope to simplify my HTTP needs to the point where a simpler httpd will suffice</td> + <td><a href="mailto:nginx@nginx.org">nginx@nginx.org</a> [<a href="https://nginx.org/en/support.html">info</a>]</td> + <td><a href="ircs://irc.freenode.net/nginx">freenode #nginx</a></td> + <td>[1]</td> +</tr> +<tr> + <td>Pleroma</td> + <td>no, planning to fork honk</td> + <td></td> + <td><a href="ircs://irc.freenode.net/pleroma">freenode #pleroma</a></td> + <td></td> +</tr> +<tr> + <td><a href="http://www.postfix.org/">Postfix</a></td> + <td>yes</td> + <td><a href="mailto:postfix-users@postfix.org">postfix-users@postfix.org</a> [<a href="http://www.postfix.org/lists.html">info</a>]</td> + <td><a href="ircs://irc.freenode.net/postfix">freenode #postfix</a></td> + <td>[1]</td> +</tr> +<tr> + <td><a href="https://prosody.im/">Prosody</a></td> + <td>yes (aside from lua dependency)</td> + <td><a href="mailto:prosody-users@googlegroups.com">prosody-users@googlegroups.com</a> [<a href="https://prosody.im/discuss">info</a>]</td> + <td><a href="xmpp:prosody@conference.prosody.im?join">XMPP prosody@conference.prosody.im</a></td> + <td>[1]</td> +</tr> +<tr> + <td><a href="https://github.com/matrix-org/synapse">Synapse</a></td> + <td>no, waiting for Construct</td> + <td></td> + <td><a href="https://matrix.to/#/#synapse:matrix.org">Matrix #synapse:matrix.org</a></td> + <td></td> +</tr> +</table> + +<hr /> + +<ol> +<li>I plan to release my configurations publicly via git.</li> +</ol> + +<h2>Android</h2> + +<p>most apps I use are <q>good enough</q> because I have different +requirements on my mobile device than I do on my desktop. are they +perfect? probably not, but the ecosystem is fairly limited, and I have +faith that the small issues that do exist in verious apps are fixable.</p> + +<table> +<tr> + <th>app</th> + <th>comments</th> +</tr> +<tr> + <td>andOTP</td> + <td></td> +</tr> +<tr> + <td>Conversations</td> + <td></td> +</tr> +<tr> + <td>F-Droid</td> + <td></td> +</tr> +<tr> + <td>K-9 Mail</td> + <td></td> +</tr> +<tr> + <td>NewPipe</td> + <td></td> +</tr> +<tr> + <td>OpenKeyChain</td> + <td></td> +</tr> +<tr> + <td>Orgzly</td> + <td></td> +</tr> +<tr> + <td>OsmAnd~</td> + <td></td> +</tr> +<tr> + <td>Termux</td> + <td></td> +</tr> +<tr> + <td>Twidere</td> + <td>by far the best microblog app I've used. I plan to fork and focus on Mastodon API development and bugfixes.</td> +</tr> +</table> +</main> + </body> +</html> diff --git a/src/header.inc b/src/header.inc @@ -4,7 +4,8 @@ <head> <title>opal hart / wowaname</title> <link rel="stylesheet" type="text/css" href="/opal.css"/> - <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed" /> + <link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Blog Atom feed"/> + <meta xmlns="http://www.w3.org/1999/xhtml" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <div class="sidebar-holder">