Style it a bit main
authorDavid Kerkeslager <david@kerkeslager.com>
Thu, 18 Aug 2022 21:32:55 +0000 (17:32 -0400)
committerDavid Kerkeslager <david@kerkeslager.com>
Thu, 18 Aug 2022 21:32:55 +0000 (17:32 -0400)
templates/page.html

index 670dc0a..1d38959 100644 (file)
@@ -5,10 +5,6 @@
     <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>