From 75103fe34f9701bad19937cac1f5b01a523c9467 Mon Sep 17 00:00:00 2001 From: Tony Garnock-Jones Date: Wed, 31 Mar 2021 09:54:28 +0200 Subject: [PATCH] Tweaks --- _layouts/skeleton.html | 2 +- index.md | 2 +- style.css | 26 ++++++++++++++++++-------- 3 files changed, 20 insertions(+), 10 deletions(-) diff --git a/_layouts/skeleton.html b/_layouts/skeleton.html index d563a60..624aa16 100644 --- a/_layouts/skeleton.html +++ b/_layouts/skeleton.html @@ -2,7 +2,7 @@ {% include common_html_headers %} - {{ site.title }}: {{ page.title }} + {% if page.title %}{{ page.title }}—{% else %}{% endif %}{{ site.title }} {% include common_header %} diff --git a/index.md b/index.md index 112cd2a..fcca126 100644 --- a/index.md +++ b/index.md @@ -1,5 +1,5 @@ --- -title: Home +title: layout: page class: frontpage link: diff --git a/style.css b/style.css index a534cee..6124426 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,16 @@ --- layout: +display-font: '"Libre Barcode 39 Text"' +nav-font: '"Inconsolata Regular"' + +heading-font: '"Inconsolata Regular"' +heading-font-small: '"IBM Plex Mono"' + +body-font: '"IBM Plex Sans"' body-margin: "2rem" + +code-font: '"IBM Plex Mono"' --- @font-face { @@ -40,13 +49,13 @@ body-margin: "2rem" html { margin: 0; padding: 0; - font-size: 15pt; + font-size: 14pt; } html, body, * { box-sizing: border-box; } body { - font-family: "IBM Plex Sans"; + font-family: {{ page.body-font }}; font-weight: 300; margin: 0 {{ page.body-margin }}; padding: 0; @@ -69,10 +78,11 @@ h1 a { h1 { font-size: 1.56rem; } h2 { font-size: 1.25rem; } +h3, h4, h5, h6 { font-size: 1rem; } + h3, h4, h5, h6 { text-transform: uppercase; - font-family: "IBM Plex Mono"; - font-size: 1rem; + font-family: {{ page.heading-font-small }}; font-style: italic; font-weight: 500; margin: 2rem 0 0 0; @@ -80,7 +90,7 @@ h3, h4, h5, h6 { h3 { text-decoration: underline; font-weight: 600; } main h1, main h2 { - font-family: "Inconsolata Regular"; + font-family: {{ page.heading-font }}; text-transform: uppercase; letter-spacing: 0.33em; margin-top: 2rem; @@ -91,7 +101,7 @@ main h1, main h2 { } pre, code { - font-family: "IBM Plex Mono"; + font-family: {{ page.code-font }}; } h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { @@ -105,7 +115,7 @@ header { header h1 { background: black; color: white; - font-family: "Libre Barcode 39 Text"; + font-family: {{ page.display-font }}; font-size: 3.75rem; color: yellow; margin: 0; @@ -115,7 +125,7 @@ header h1 { } nav { - font-family: "Inconsolata Regular"; + font-family: {{ page.nav-font }}; text-transform: uppercase; letter-spacing: 0.33em; }