This commit is contained in:
Tony Garnock-Jones 2021-03-31 09:54:28 +02:00
parent 6d48bb931b
commit 75103fe34f
3 changed files with 20 additions and 10 deletions

View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
{% include common_html_headers %} {% include common_html_headers %}
<title>{{ site.title }}: {{ page.title }}</title> <title>{% if page.title %}{{ page.title }}—{% else %}{% endif %}{{ site.title }}</title>
</head> </head>
<body class="{{ page.class }}"> <body class="{{ page.class }}">
{% include common_header %} {% include common_header %}

View File

@ -1,5 +1,5 @@
--- ---
title: Home title:
layout: page layout: page
class: frontpage class: frontpage
link: link:

View File

@ -1,7 +1,16 @@
--- ---
layout: 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" body-margin: "2rem"
code-font: '"IBM Plex Mono"'
--- ---
@font-face { @font-face {
@ -40,13 +49,13 @@ body-margin: "2rem"
html { html {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 15pt; font-size: 14pt;
} }
html, body, * { box-sizing: border-box; } html, body, * { box-sizing: border-box; }
body { body {
font-family: "IBM Plex Sans"; font-family: {{ page.body-font }};
font-weight: 300; font-weight: 300;
margin: 0 {{ page.body-margin }}; margin: 0 {{ page.body-margin }};
padding: 0; padding: 0;
@ -69,10 +78,11 @@ h1 a {
h1 { font-size: 1.56rem; } h1 { font-size: 1.56rem; }
h2 { font-size: 1.25rem; } h2 { font-size: 1.25rem; }
h3, h4, h5, h6 { font-size: 1rem; }
h3, h4, h5, h6 { h3, h4, h5, h6 {
text-transform: uppercase; text-transform: uppercase;
font-family: "IBM Plex Mono"; font-family: {{ page.heading-font-small }};
font-size: 1rem;
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
margin: 2rem 0 0 0; margin: 2rem 0 0 0;
@ -80,7 +90,7 @@ h3, h4, h5, h6 {
h3 { text-decoration: underline; font-weight: 600; } h3 { text-decoration: underline; font-weight: 600; }
main h1, main h2 { main h1, main h2 {
font-family: "Inconsolata Regular"; font-family: {{ page.heading-font }};
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.33em; letter-spacing: 0.33em;
margin-top: 2rem; margin-top: 2rem;
@ -91,7 +101,7 @@ main h1, main h2 {
} }
pre, code { pre, code {
font-family: "IBM Plex Mono"; font-family: {{ page.code-font }};
} }
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
@ -105,7 +115,7 @@ header {
header h1 { header h1 {
background: black; background: black;
color: white; color: white;
font-family: "Libre Barcode 39 Text"; font-family: {{ page.display-font }};
font-size: 3.75rem; font-size: 3.75rem;
color: yellow; color: yellow;
margin: 0; margin: 0;
@ -115,7 +125,7 @@ header h1 {
} }
nav { nav {
font-family: "Inconsolata Regular"; font-family: {{ page.nav-font }};
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.33em; letter-spacing: 0.33em;
} }