index: mostly sorting, a bit storying

Closes #125

index.html

@@ -22,32 +22,57 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience from 200
 <p>The only traffic I am not encrypting is probably my WLAN. For some reason my router requires a reboot once per hour with WPA2 encryption while on open network I only have to reboot it once per day (I have asked about this confusing behaviour from wiser people on IRC and they weren't able to explain it either). I support the <a href="https://openwireless.org/">Open Wireless Movement</a> and think that if someone really wanted to cause me harm, they could break into the network anyway and that would be more difficult to prove on consumer grade device than the network being open. There are firewalls on all networks and while a passerby would be able to observe unencrypted SNIs, isn't that also <a href="https://en.wikipedia.org/wiki/Global_surveillance">being done by international security agencies already</a> while even <a href="https://fi.wikipedia.org/wiki/Suomen_tiedustelulains%C3%A4%C3%A4d%C3%A4nt%C3%B6">Finland has given permission to monitor traffic crossing our borders</a> ((TODO: better link in English as the situation develops)and how much of traffic doesn't do that?). I also don't like being somewhere where the only available WLANs are printers and smart thermostats :)</p>
 <hr/>
 
-<p class="centered" id="web">Around the web/contact:</p>
+<h2 id="web">Around the web/contact</h2>
+
+<p><a href="https://indieweb.org/">IndieWeb</a> wishes this listing to exist on my index for cross-linking and <a href="https://indieweb.org/IndieAuth">IndieAuth<a/>, so here you go.</p>
+
+<h3 id="dev">Development</h3>
+
+<p>I am mostly active on <a href="https://github.com/Mikaela" rel="me">GitHub</a>, but many projects also have their own instances and reqeuire separate registrations. During the "panic" of Microsoft buying GitHub, I started mirrorring some repos to <a href="https://gitea.blesmrt.net/mikaela" rel="me">Blesmrt's Gitea</a> while not personally being bothered by it.</p>
 
 <ul>
 <li><a href="https://gitea.blesmrt.net/mikaela" rel="me">Mikaela on Blesmrt Gitea</a></li>
 <li><a href="https://github.com/Mikaela" rel="me">Mikaela on GitHub</a></li>
 <li><a href="https://gitlab.com/Mikaela" rel="me">Mikaela on Gitlab.com</a></li>
-<li><a href="https://www.goodreads.com/user/show/11147845-mikaela-suomalainen" rel="me">Mikaela Suomalainen on Goodreads</a></li>
-<li><a href="https://hub.disroot.org/channel/mikaela" rel="me">mikaela@hub.disroot.org on Hubzilla</a>
-<br/>&nbsp;&nbsp;&nbsp;&nbsp;The same account exists also as <a href="https://hub.weho.st/channel/mikaela" rel="me">mikaela@hub.weho.st on Hubzilla</a></li>
-<li><a href="https://together.jolla.com/users/6732/mikaela/" rel="me">Mikaela on Jolla Together</a></li>
-<li><a href="http://keybase.io/Mikaela" rel="me">Mikaela on Keybase.io</a>
-<br/>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://github.com/keybase/client/issues/15115">Unusable on my phone</a>, so not monitored. Replaced by this page. See also <a href="https://indieweb.org/homepage">Homepage on IndieWeb.</a></li>
 <li><a href="https://launchpad.net/~mikaela" rel="me">mikaela on Launchpad.net</a></li>
-<li><a href="https://www.linkedin.com/in/mikaelahmsuomalainen/" rel="me">Mikaela Suomalainen on LinkedIn</a></li>
+<li><a href="https://www.openhub.net/accounts/Mikaela" rel="me">Mikaela on Open HUB</a>
-<li><a href="https://mastodon.partipirate.org/@mikaela" rel="me">@mikaela@mastodon.partipirate.org on Mastodon</a></li>
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;Open HUB is more of a measurer of project and contribution activity, while the rest are version control system hosts and issue trackers.</li>
+
+</ul>
+
+<h3 id="im">Instant messengers</h3>
+
+<ul>
 <li><a href="https://m.me/Ciblia" rel="me">Ciblia on Facebook Messenger</a></li>
-<li><a href="https://www.openhub.net/accounts/Mikaela" rel="me">Mikaela on Open HUB</a></li>
-<li><a href="https://social.libre.fi/mikaela" rel="me">@mikaela@social.libre.fi on Pleroma</a></li>
 <li><a href="https://riot.im/app/#/user/@Ciblia:matrix.org" rel="me">@Ciblia:matrix.org on Riot/Matrix</a>
 <br/>&nbsp;&nbsp;&nbsp;&nbsp;My phone cannot run Riot well, so this is not a good place to attempt contacting me.</li>
 <li><a href="https://t.me/M1kaela" rel="me">M1kaela on Telegram</a></li>
-<!--<li><a href="https://wiki.ubuntu.com/mikaela" rel="me">Mikaela on Ubuntu Wiki</a></li>-->
 <li><a href="xmpp:mikaela@blesmrt.net" rel="me">mikaela AT blesmrt DOT net on XMPP</a>
 <br/>&nbsp;&nbsp;&nbsp;&nbsp;My preferred instant messaging protocol, see also <a href="{{site.address}}/keys#omemoxmpp">OMEMO on my public keys page.</a></li>
 </ul>
 
+<h3 id="some">Social media</h3>
+
+<p>I am not very big social media user and may randomly switch the "primary" account. I prefer the idea of Hubzilla's nomadic identity, but I often find it too complicated and end up to Mastodon or Pleroma.</p>
+
+<ul>
+<li><a href="https://hub.disroot.org/channel/mikaela" rel="me">mikaela@hub.disroot.org on Hubzilla</a>
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;The same account exists also as <a href="https://hub.weho.st/channel/mikaela" rel="me">mikaela@hub.weho.st on Hubzilla</a></li>
+<li><a href="https://www.linkedin.com/in/mikaelahmsuomalainen/" rel="me">Mikaela Suomalainen on LinkedIn</a></li>
+<li><a href="https://mastodon.partipirate.org/@mikaela" rel="me">@mikaela@mastodon.partipirate.org on Mastodon</a></li>
+<li><a href="https://social.libre.fi/mikaela" rel="me">@mikaela@social.libre.fi on Pleroma</a></li>
+</ul>
+
+<h3 id="misc">Misc</h3>
+
+<ul>
+<li><a href="https://www.goodreads.com/user/show/11147845-mikaela-suomalainen" rel="me">Mikaela Suomalainen on Goodreads</a></li>
+<li><a href="https://together.jolla.com/users/6732/mikaela/" rel="me">Mikaela on Jolla Together</a></li>
+<li><a href="http://keybase.io/Mikaela" rel="me">Mikaela on Keybase.io</a>
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://github.com/keybase/client/issues/15115">Unusable on my phone</a>, so not monitored. Replaced by this page. See also <a href="https://indieweb.org/homepage">Homepage on IndieWeb.</a></li>
+<!--<li><a href="https://wiki.ubuntu.com/mikaela" rel="me">Mikaela on Ubuntu Wiki</a></li>-->
+</ul>
+
 <hr/>
 
 <!--