<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&family=Roboto+Slab:wght@300&display=swap" rel="stylesheet">
-
<title>{{ title }}</title>
<style>
}
html {
- font-family: 'Robot Slab', Palatino, serif;
- font-size: 18px;
- font-weight: 300;
+ font-family: Verdana, serif;
+ font-size: 16px;
+ line-height: 1.6;
+ letter-spacing: 1px;
min-height: 100%;
}
h1, h2, h3, h4, h5 {
- font-weight: 500;
+ font-family: Optima, 'Gill Sans', sans-serif;
+ font-weight: normal;
}
+ h1 { font-size: 48px; }
+ h2 { font-size: 42px; font-weight: bold; }
+
body {
min-height: 100%;
position: absolute;
display: flex;
flex-direction: row;
align-items: center;
+ justify-content: space-between;
border-bottom: 1px solid black;
margin-bottom: 1rem;
}
- body > header > h1 {
+ body > header > * {
margin: 1rem;
}
margin-bottom: 1rem;
}
+ body > main > section.content h1 { font-size: 40px; }
+ body > main > section.content h2 { font-size: 36px; font-weight: normal; }
+ body > main > section.content h3 { font-size: 32px; }
+ body > main > section.content h4 { font-size: 26px; font-family: Verdana, sans-serif; }
+ body > main > section.content h5 { font-size: 22px; font-family: Verdana, sans-serif; }
+
body > main > section.content > blockquote,
body > main > section.content > hr,
body > main > section.content > p,
<body>
<header>
<h1>Wiki</h1>
+ <nav>
+ <a href='https://kerkeslager.com'>Home</a>
+ <a href='/'>Wiki</a>
+ </nav>
</header>
<main>