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