From 05a42503d4f6ee33c82b820ff0f59f780dcdc365 Mon Sep 17 00:00:00 2001
From: Aminda Suomalainen <suomalainen+git@mikaela.info>
Date: Sat, 8 Jun 2024 09:41:10 +0300
Subject: [PATCH] Copy contrasting font experimentation

---
 README.md        |  4 ++--
 assets/main.scss | 42 +++++++++++++++++++++++++++++++++++-------
 fi/README.md     |  2 +-
 3 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 5fb0794..99efd90 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ layout: default
 versionString: 2024.22.2
 date: 2024-05-28T08:59:32+03:00
 lang: en
-locale: en_US
+locale: en_FI
 permalink: /en/index.html
 redirect_from: /en/html
 robots: noai, nofollow
@@ -15,7 +15,7 @@ robots: noai, nofollow
 
 <img src="https://media.githubusercontent.com/media/Mikaela/mikaela.github.io/lfs-media/avatar/250.jpeg" alt="photo of me"/>
 
-_…is an open-source enthustiastic volunteer sysadmin in the Pirate Party of Finland._
+<span id="bio">_…is an open-source enthustiastic volunteer sysadmin in the Pirate Party of Finland._</span>
 
 <p style="text-align: center;">&#127987;&#65039;&#8205;&#9895;&#8203;&#8205;&#127987;&#65039;&#8205;&#127752;&#65039;</p>
 
diff --git a/assets/main.scss b/assets/main.scss
index 93550cf..52336e6 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -4,14 +4,15 @@
 
 @charset "utf-8";
 
-// Apparently my Android understands system-ui, but not ui-serif, so for the
-// best experience, I will permit fallback, even if it will be sans-serif.
-// I imagine it's a small minority and most users will get either ui-serif
-// or fallback further down the fallback list, perhaps all the way to serif.
-$base-font-family: ui-serif, system-ui, "Liberation Serif", Tinos,
-  "Times New Roman", serif, emoji;
+// Our variables
+$serif-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman",
+  serif, emoji;
+$sans-serif-font-family: ui-sans-serif, "Liberation Sans", "Arimo", "Arial",
+  sans-serif;
 $monospace-font-family: ui-monospace, "Liberation Mono", Cousine,
   "Courier New", monospace, emoji;
+// Must be in the end or undefined error.
+$base-font-family: $serif-font-family;
 
 @import "{{ site.theme }}";
 
@@ -39,11 +40,38 @@ a {
   text-decoration: underline !important;
 }
 
-pre,
+a.site-title {
+  font-family: $serif-font-family;
+}
+
+// Monospace preferred for code
+code,
+pre {
+  font-family: $monospace-font-family !important;
+}
+
+// So it will not look bigger than normal text
 code {
   font-size: 0.8em !important;
 }
 
+// Sans-Serif for headings to constrast with aminda.eu
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $sans-serif-font-family !important;
+}
+
+// The introduction on top
+#bio {
+  text-align: center;
+  font-style: italic;
+  font-family: ui-cursive, $serif-font-family;
+}
+
 img {
   border-radius: 50% !important;
   display: block;
diff --git a/fi/README.md b/fi/README.md
index b922796..cb725b5 100644
--- a/fi/README.md
+++ b/fi/README.md
@@ -20,7 +20,7 @@ robots: nofollow, noai
 
 <img src="https://media.githubusercontent.com/media/Mikaela/mikaela.github.io/lfs-media/avatar/250.jpeg" alt="kuva minusta"/>
 
-_…on avointa lähdekoodia tukeva verkkopalveluylläpitäjä piraattipuolueessa._
+<span id="bio">_…on avointa lähdekoodia tukeva verkkopalveluylläpitäjä piraattipuolueessa._</span>
 
 <p style="text-align: center;">&#127987;&#65039;&#8205;&#9895;&#8203;&#8205;&#127987;&#65039;&#8205;&#127752;&#65039;</p>