mirror of
https://github.com/Mikaela/cv.git
synced 2024-11-25 18:09:24 +01:00
Copy contrasting font experimentation
This commit is contained in:
parent
c9058052e6
commit
05a42503d4
@ -5,7 +5,7 @@ layout: default
|
|||||||
versionString: 2024.22.2
|
versionString: 2024.22.2
|
||||||
date: 2024-05-28T08:59:32+03:00
|
date: 2024-05-28T08:59:32+03:00
|
||||||
lang: en
|
lang: en
|
||||||
locale: en_US
|
locale: en_FI
|
||||||
permalink: /en/index.html
|
permalink: /en/index.html
|
||||||
redirect_from: /en/html
|
redirect_from: /en/html
|
||||||
robots: noai, nofollow
|
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"/>
|
<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;">🏳️‍⚧​‍🏳️‍🌈️</p>
|
<p style="text-align: center;">🏳️‍⚧​‍🏳️‍🌈️</p>
|
||||||
|
|
||||||
|
@ -4,14 +4,15 @@
|
|||||||
|
|
||||||
@charset "utf-8";
|
@charset "utf-8";
|
||||||
|
|
||||||
// Apparently my Android understands system-ui, but not ui-serif, so for the
|
// Our variables
|
||||||
// best experience, I will permit fallback, even if it will be sans-serif.
|
$serif-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman",
|
||||||
// I imagine it's a small minority and most users will get either ui-serif
|
serif, emoji;
|
||||||
// or fallback further down the fallback list, perhaps all the way to serif.
|
$sans-serif-font-family: ui-sans-serif, "Liberation Sans", "Arimo", "Arial",
|
||||||
$base-font-family: ui-serif, system-ui, "Liberation Serif", Tinos,
|
sans-serif;
|
||||||
"Times New Roman", serif, emoji;
|
|
||||||
$monospace-font-family: ui-monospace, "Liberation Mono", Cousine,
|
$monospace-font-family: ui-monospace, "Liberation Mono", Cousine,
|
||||||
"Courier New", monospace, emoji;
|
"Courier New", monospace, emoji;
|
||||||
|
// Must be in the end or undefined error.
|
||||||
|
$base-font-family: $serif-font-family;
|
||||||
|
|
||||||
@import "{{ site.theme }}";
|
@import "{{ site.theme }}";
|
||||||
|
|
||||||
@ -39,11 +40,38 @@ a {
|
|||||||
text-decoration: underline !important;
|
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 {
|
code {
|
||||||
font-size: 0.8em !important;
|
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 {
|
img {
|
||||||
border-radius: 50% !important;
|
border-radius: 50% !important;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -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"/>
|
<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;">🏳️‍⚧​‍🏳️‍🌈️</p>
|
<p style="text-align: center;">🏳️‍⚧​‍🏳️‍🌈️</p>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user