remove heading from old blog post to fix current blog index

X-DNS-Prefetch is illegal and unofficial, but I am not touching it.

_includes/ad.html

@@ -1,16 +1,15 @@
 <detect-missing-adblocker>
-<noscript><hr></noscript>
+<noscript><strong lang="en"><em>Dear JavaScript blocker, please accept my apologies for needlessly showing you this:</em></strong></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" lang="en">Dear reader, you may be missing a content blocker! 🙀</span>
-<span slot="title" lang="en"><p>Dear reader, you may be missing a content blocker! 🙀</p></span>
 <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>
+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>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>
+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
 Allowlist</a>) <strong>together</strong>, while <a href="https://adnauseam.io">AdNauseam</a>
-<em><a href="https://github.com/dhowe/AdNauseam/wiki/FAQ#can-i-use-adnauseam-with-my-current-adblocker">alone</em> would be more direct protest tool to oppose how the internet is nowadays.</p>
+<em><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>
+                    href="https://github.com/dhowe/AdNauseam/wiki/FAQ#can-i-use-adnauseam-with-my-current-adblocker">alone</em></a> would be more direct protest tool to oppose how the internet is nowadays.
-<p><a href="https://en.m.wikipedia.org/wiki/Targeted_advertising#Disadvantages">Learn more about targeted advertising!</a>
+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><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>
+<a href="https://en.m.wikipedia.org/wiki/Targeted_advertising#Disadvantages">Learn more about targeted advertising!</a>
-<noscript><hr></noscript>
+<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>
 </span>
 </detect-missing-adblocker>

_includes/head.html

@@ -3,33 +3,33 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="robots" content="{{ page.robots | default: site.robots | default: "" }}">
-  <meta name="msvalidate.01" content="DDF472BEC8E65C680D65A24256C33B24" />
+  <meta name="msvalidate.01" content="DDF472BEC8E65C680D65A24256C33B24">
   <link rel="icon prefetch" href="{{site.icon}}">
   <title>{% if page.title %}{{ page.title }} ~~ {{ site.title | strip_html }}{% else %}{{ site.title }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description | strip_html | strip_newlines }}{% endif %}">
-  <link rel="me prefetch" href="{{ site.url }}" />
+  <link rel="me prefetch" href="{{ site.url }}">
 
-  <link rel="openid.delegate" href="https://aminda.eu/" />
+  <link rel="openid.delegate" href="https://aminda.eu/">
-  <link rel="openid.server" href="https://openid.indieauth.com/openid" />
+  <link rel="openid.server" href="https://openid.indieauth.com/openid">
 
   <link rel="stylesheet prefetch" href="{{ "/assets/main.css" | prepend: site.baseurl }}">
   <link rel="canonical prefetch" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/blog/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/blog/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
-  <link rel="alternate" type="application/rss+xml" title="{{ site.title }} - in English" href="{{ "/blog/feed.en.xml" | prepend: site.baseurl | prepend: site.url }}" />
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }} - in English" href="{{ "/blog/feed.en.xml" | prepend: site.baseurl | prepend: site.url }}">
-  <link rel="alternate" type="application/rss+xml" title="{{ site.title }} - Suomeksi" href="{{ "/blog/feed.fi.xml" | prepend: site.baseurl | prepend: site.url }}" />
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }} - Suomeksi" href="{{ "/blog/feed.fi.xml" | prepend: site.baseurl | prepend: site.url }}">
  <!-- Help http://validator-search.verisignlabs.com/ -->
- <link rel="prefetch" href="https://prefetch.validatorsearch.verisignlabs.com" />
+ <link rel="prefetch" href="https://prefetch.validatorsearch.verisignlabs.com">
   <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
-  <meta http-equiv="x-dns-prefetch-control" content="off" />
+  <meta http-equiv="x-dns-prefetch-control" content="off">
-  <meta name="referrer" content="no-referrer" />
+  <meta name="referrer" content="no-referrer">
  <!-- OpenGraph -->
- <meta name="og:title" content="{% if page.title %}{{ page.title }} ~~ {{ site.title }}{% else %}{{ site.title }}{% endif %}" />
+ <meta name="og:title" content="{% if page.title %}{{ page.title }} ~~ {{ site.title }}{% else %}{{ site.title }}{% endif %}">
- <meta name="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description | strip_html | strip_newlines }}{% endif %}" />
+ <meta name="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description | strip_html | strip_newlines }}{% endif %}">
- <meta name="og:site_name" content="{{site.title}}" />
+ <meta name="og:site_name" content="{{site.title}}">
- <meta name="og:image" content="{{site.icon}}"/>
+ <meta name="og:image" content="{{site.icon}}">
  <!-- https://indieweb.org/How_to_set_up_web_sign-in_on_your_own_domain#How_to_setup_RelMeAuth - regardless of antipattern, the things I do for verified checkboxes at Mastodon... -->
- <link rel="me" type="application/activity+json" href="https://sauna.social/users/aminda" />
+ <link rel="me" type="application/activity+json" href="https://sauna.social/users/aminda">
- <link rel="me" type="application/activity+json" href="https://mastodon.pirateparty.be/users/MikaelaPPFI" />
+ <link rel="me" type="application/activity+json" href="https://mastodon.pirateparty.be/users/MikaelaPPFI">
 
  <!-- https://github.com/macdonst/detect-missing-adblocker -->
  <script rel="prefetch" type="module" src="https://unpkg.com/detect-missing-adblocker@latest/dist/detect-missing-adblocker.js?module=true"></script>

_includes/header.html

@@ -1,4 +1,4 @@
-<header class="site-header" role="banner">
+<header class="site-header">
 
   <div class="wrapper">
     {%- assign default_paths = site.pages | map: "path" -%}
@@ -7,11 +7,11 @@
 
     {%- if page_paths -%}
       <nav class="site-nav">
-        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+        <input type="checkbox" id="nav-trigger" class="nav-trigger">
         <label for="nav-trigger">
           <span class="menu-icon">
             <svg viewBox="0 0 18 15" width="18px" height="15px">
-              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
+              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z">
             </svg>
           </span>
         </label>

assets/main.scss

@@ -83,13 +83,6 @@ code {
   font-style: italic;
 }
 
-// At least used in the index link list
-.centered {
-  list-style-type: none;
-  margin: 0 auto;
-  text-align: center;
-}
-
 // At least used in the index SSH key fingerprints
 .monospaced {
   font-family: $monospace-font-family;

blog/_posts/2015-03-25-leaving-bots-life.md

@@ -8,7 +8,7 @@ redirect_from: /english/2015/03/25/leaving-bots-life.html
 robots: noai
 ---
 
-## A little on my life currently
+A little on my life currently
 
 <-->
 

blog/index.html

@@ -0,0 +1,35 @@
+---
+layout: page
+title: Blog
+navigation: true
+permalink: /blog/
+excerpt: "Blog index, posts in English and posts in Finnish — Blogin etusivu, postaukset englanniksi ja postaukset suomeksi."
+lang: en
+robots: noai
+---
+
+<p>
+  Posts <a lang="en" href="#in-english">in English here</a> &amp;
+  <a lang="fi" href="#suomeksi">suomeksi täällä</a>.
+</p>
+<hr />
+<div lang="en">
+  <h2 id="in-english">In English</h2>
+
+  {% for post in site.categories.english %}
+  <p>
+    <em>{{ post.date | date: "%F" }}:</em>
+    <strong><a href="{{ post.url }}">{{ post.title }}</a></strong>
+  </p>
+  {{ post.excerpt | markdownify }} {% endfor %}
+</div>
+<hr />
+<div lang="fi">
+  <h2 id="suomeksi">suomeksi</h2>
+  {% for post in site.categories.finnish %}
+  <p>
+    <em>{{ post.date | date: "%F" }}:</em>
+    <strong><a href="{{ post.url }}">{{ post.title }}</a></strong>
+  </p>
+  {{ post.excerpt | markdownify }} {% endfor %}
+</div>

blog/index.md

@@ -1,65 +0,0 @@
----
-layout: page
-title: Blog
-navigation: true
-permalink: /blog/
-excerpt: "Blog index, posts in English and posts in Finnish — Blogin etusivu, postaukset englanniksi ja postaukset suomeksi."
-lang: en
-robots: noai
----
-
-<!-- editorconfig-checker-disable -->
-<!-- prettier-ignore-start -->
-
-<!-- START doctoc generated TOC please keep comment here to allow auto update -->
-<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
-<em lang="fi">Automaattinen sisällysluettelo</em> / <em lang="en">Automatically generated Table of Contents</em>
-
-- [In English](#in-english)
-- [Suomeksi](#suomeksi)
-
-<!-- END doctoc generated TOC please keep comment here to allow auto update -->
-
-<!-- prettier-ignore-end -->
-<!-- editorconfig-checker-enable -->
-
-<div lang="en">
-
-## In English
-
-_Please keep in mind that old blog posts might not reflect the current
-reality or my opinions etc._
-
-<table>
-    <tr>
-        <th>Title</th>
-        <th>What it's about</th>
-    </tr>
-  {% for post in site.categories.english %}
-    <tr>
-        <td><strong><a href="{{ post.url }}">{{ post.title }}</a></strong></td>
-        <td><em>{{ post.excerpt | strip_html }}</em></td>
-    </tr>
-  {% endfor %}
-</table>
-
-</div><div lang="fi">
-
-## Suomeksi
-
-_Pidäthän mielessä etteivät vanhat blogaukseni välttämättä heijasta
-todellisuutta tai nykyisiä mielipiteitäni jne._
-
-<table>
-    <tr>
-        <th>Otsikko</th>
-        <th>Mistä se kertoo</th>
-    </tr>
-  {% for post in site.categories.finnish %}
-    <tr>
-        <td><strong><a href="{{ post.url }}">{{ post.title }}</a></strong></td>
-        <td><em>{{ post.excerpt | strip_html }}</em></td>
-    </tr>
-  {% endfor %}
-</table>
-</div>