1
0
mirror of https://github.com/Mikaela/cv.git synced 2024-11-22 08:29:24 +01:00

Copy contrasting font experimentation

This commit is contained in:
Aminda Suomalainen 2024-06-08 09:41:10 +03:00
parent c9058052e6
commit 05a42503d4
Signed by: Mikaela
SSH Key Fingerprint: SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q
3 changed files with 38 additions and 10 deletions

View File

@ -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>

View File

@ -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;

View File

@ -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>