ad.html: remove centering

Partially reverts 07a1fcea46d632ba3dacda3c5aa5f32b884468dd

_includes/ad.html

@@ -1,9 +1,8 @@
 <detect-missing-adblocker>
-<div lang="en">
 <noscript><hr></noscript>
-<noscript><p class="centered"><strong><em>Dear JavaScript blocker, please accept my apologies for needlessly showing you this:</em></strong></p></noscript>
+<noscript><p lang="en"><strong><em>Dear JavaScript blocker, please accept my apologies for needlessly showing you this:</em></strong></p></noscript>
-<span slot="title" class="centered"><p>Dear reader, you may be missing a content blocker! 🙀</p></span>
+<span slot="title" lang="en"><p>Dear reader, you may be missing a content blocker! 🙀</p></span>
-<span slot="message" class="centered">
+<span slot="message" lang="en">
 <p>Please consider installing one to protect yourself, and your close ones, from <a href="https://www.wired.com/story/why-dont-we-just-ban-targeted-advertising/">manipulation</a> and <a href="https://en.m.wikipedia.org/wiki/Malvertising">targeted malvertising</a>!</p>
 <p>Personally I love <strong>both</strong> <a href="https://privacybadger.org">Privacy Badger</a> <strong>and</strong> <a href="https://github.com/gorhill/uBlock/blob/master/README.md#ublock-origin-ubo">uBlock Origin</a>
 (<strong>with</strong> <a href="https://www.eff.org/files/effdntlist.txt">EFF DNT Policy
@@ -12,7 +11,6 @@ Allowlist</a>) <strong>together</strong>, while <a href="https://adnauseam.io">A
 <p>Android users may be better served by <a href="https://f-droid.org/packages/com.celzero.bravedns">Rethink</a> while for iOS there is <a href="https://adguard.com/adguard-ios/overview.html">AdGuard</a>.</p>
 <p><a href="https://en.m.wikipedia.org/wiki/Targeted_advertising#Disadvantages">Learn more about targeted advertising!</a>
 <p><small>PS. I am sorry if you are already protected and this silly <a href="https://easylist.to/">EasyList</a> targeting(?) script doesn't detect that, thank you for taking the steps towards a safer internet! 💜</small></p>
-</span>
 <noscript><hr></noscript>
-</div>
+</span>
 </detect-missing-adblocker>

assets/main.scss

@@ -5,10 +5,11 @@
 @charset "utf-8";
 
 // Our variables
-$base-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman", serif;
+$base-font-family: system-ui;
+//$base-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman", serif;
+//$base-font-family: ui-sans-serif, "Liberation Sans", "Arimo", "Arial", sans-serif;
 $monospace-font-family: ui-monospace, "Liberation Mono", Cousine, "Courier New",
   monospace;
-//$base-font-family: ui-sans-serif, "Liberation Sans", "Arimo", "Arial", sans-serif;
 
 // CSS of used Jekyll theme
 @import "{{ site.theme }}";
@@ -68,7 +69,9 @@ pre {
   margin-right: auto;
   width: 25%;
   border: 1px solid;
-  display: block;
+  //display: block;
+  display: float;
+  float: right;
 }
 
 // This is the short bio in the index and all my profiles

index.html

@@ -6,8 +6,8 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience since 20
 
 <p id="avatar">
   <a class="h-card" href="https://aminda.eu/">
-    <img src="{{site.avatar}}" alt="Photo of me" />Aminda Suomalainen</a
+    <img src="{{site.avatar}}" alt="Photo of me" /><br />Aminda Suomalainen</a
-  >
+  ><br />
   <small
     ><a rel="prefetch me" href="https://cv.aminda.eu/"
       >Curriculum Vitae</a
@@ -19,7 +19,8 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience since 20
   I am a Highly Sensitive Autistic Pirate with Linux experience since 2008. I am
   familiar with git and looking for employment. My pronouns are she/they. ⚧
 </p>
-<p class="centered">I speak Finnish, English and a little Esperanto.</p>
+<!-- <p class="centered">I speak Finnish, English and a little Esperanto.</p>
+-->
 
 <hr />
 
@@ -39,7 +40,10 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience since 20
 
 <!-- PPFI note -->
 
+<!--
 <ul class="centered">
+-->
+<ul style="list-style-type: none">
   <li id="commonsim">
     <!-- Curious reader, https://aminda.eu/txt/matrix.txt & https://aminda.eu/txt/xmpp.txt & https://gitea.blesmrt.net/mikaela/gist/src/branch/master/briar/my-accounts.tsv exist -->
     <!--Commons IM:-->
@@ -88,6 +92,7 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience since 20
   </li>
 -->
   <li id="some">
+    <span class="monospaced">SOME:</span>
     <em
       ><a href="https://gitea.blesmrt.net/mikaela" rel="me"
         >gitea.blesmrt.net</a
@@ -126,9 +131,9 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience since 20
       >sauna.social</a
     >
   </li>
-  <li id="ssh">
+  <li class="monospaced" id="ssh">
+    SSH:
     <a
-      class="monospaced"
       href="https://gitea.blesmrt.net/mikaela/ssh-allowed_signers/src/branch/cxefa/aminda/aminda.pub"
       >SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q,
       SHA256:y2OpGEbett3Fqn8XFrP0X4mWfCVKf4rWkxERzqPY81U</a