From 3f05e1e592ba91fccc06b745f0b31a10ab2a1391 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <matt@matthewlemon.com>
Date: Tue, 19 Jul 2022 06:36:27 +0100
Subject: added downloadable roboto font and change styling

---
 config.toml                                     |  22 +++++------
 content/blog/cats/cat_kills/index.md            |   2 +-
 static/css/RobotoSlab-Regular-webfont.woff      | Bin 0 -> 23872 bytes
 static/css/style.css                            |  48 +++++++++++++++++-------
 static/fonts/RobotoSlab-Regular-webfont.woff    | Bin 0 -> 23872 bytes
 static/fonts/RobotoSlab-Regular.ttf             | Bin 0 -> 125936 bytes
 themes/problematic/layouts/_default/single.html |   2 +-
 themes/problematic/layouts/partials/header.html |   1 +
 8 files changed, 48 insertions(+), 27 deletions(-)
 create mode 100644 static/css/RobotoSlab-Regular-webfont.woff
 create mode 100644 static/fonts/RobotoSlab-Regular-webfont.woff
 create mode 100644 static/fonts/RobotoSlab-Regular.ttf

diff --git a/config.toml b/config.toml
index e77a6a1..7422107 100644
--- a/config.toml
+++ b/config.toml
@@ -21,7 +21,7 @@ pygmentsUseClasses = true
     title = "blog"
     url = "/blog/"
     weight = 10
-    pre = '| '
+    post = '| '
 
   [[menu.main]]
     identifier = "about"
@@ -29,7 +29,15 @@ pygmentsUseClasses = true
     title = "about"
     url = "/about/"
     weight = 20
-    pre = '| '
+    post = '| '
+
+  [[menu.main]]
+    identifier = "categories"
+    name = "Categories"
+    title = "Categories"
+    url = "/categories/"
+    weight = 20
+    post = '| '
 
   [[menu.main]]
     identifier = "reading"
@@ -37,7 +45,7 @@ pygmentsUseClasses = true
     title = "Reading"
     url = "/reading/"
     weight = 20
-    pre = '| '
+    post = '| '
 
   [[menu.main]]
     identifier = "tags"
@@ -45,15 +53,7 @@ pygmentsUseClasses = true
     title = "Tags"
     url = "/tags/"
     weight = 20
-    pre = '| '
 
-  [[menu.main]]
-    identifier = "categories"
-    name = "Categories"
-    title = "Categories"
-    url = "/categories/"
-    weight = 20
-    pre = '| '
 
 [permalinks]
   posts = "/:title/"
diff --git a/content/blog/cats/cat_kills/index.md b/content/blog/cats/cat_kills/index.md
index dac1795..6e70690 100644
--- a/content/blog/cats/cat_kills/index.md
+++ b/content/blog/cats/cat_kills/index.md
@@ -20,7 +20,7 @@ I have decided to resume updating this. Best way to do it is to include a new ta
 
 Chris Packham - if you're reading this, you're right. Locking the cats out at night *does* result in a higher kill-rate. It's less hassle for us but more hassle for the birds. Lesson learned, but we're not doing anything about it yet. Let's watch the numbers.
 
-<table style="font-size:10px; width:92%; padding:2px; margin:2px;">
+<table style="font-size:13px; width:92%; padding:2px; margin:2px;">
 	<colgroup>
 		<col span="1" style="width:30%;" />
 		<col \>
diff --git a/static/css/RobotoSlab-Regular-webfont.woff b/static/css/RobotoSlab-Regular-webfont.woff
new file mode 100644
index 0000000..fa0b499
Binary files /dev/null and b/static/css/RobotoSlab-Regular-webfont.woff differ
diff --git a/static/css/style.css b/static/css/style.css
index 6dc3657..f25ff39 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,15 +1,34 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;400;700&display=swap');
+@font-face {
+    font-family: 'RobotoSlab-Regular';
+    src: url('/fonts/RobotoSlab-Regular-webfont.eot');
+    src: url('/fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/RobotoSlab-Regular-webfont.woff2') format('woff2'),
+         url('/fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
+         url('/fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
+         url('/fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
 
 * {
   box-sizing: border-box;
 }
 
-.title {
-  font-size: 1.5em;
-  color: red;
-  background-color: yellow;
+nav {
+  margin-bottom: 2em;
+}
+
+hr.new1 {
+  border: 1px solid #e2e2e2;
 }
 
+/* .title { */
+/*   font-size: 1.1em; */
+/*   color: orange; */
+/*   background-color: yellow; */
+/* } */
+
 .subtitle {
   font-size: 1.3em;
   color: yellow;
@@ -32,22 +51,23 @@ figcaption {
 /* } */
 
 body {
-  font-family: 'Roboto Slab', serif;
-  font-size: 22px;
+  font-family: 'RobotoSlab-Regular', serif;
+  font-size: 18px;
   margin-left: auto;
   margin-right: auto;
   max-width: 800px;
   padding: 20px;
 }
 
-li {
-  margin-top: 1.2em;
-  margin-bottom: 1.2em;
-}
+/* li { */
+/*   margin-top: 0.7em; */
+/*   margin-bottom: 0.7em; */
+/* } */
 
 h1, h2, h3, h4, h5, h6 {
   text-align: left;
 }
-a {
-  color: orange;
-}
+
+/* a { */
+/*   color: blue; */
+/* } */
diff --git a/static/fonts/RobotoSlab-Regular-webfont.woff b/static/fonts/RobotoSlab-Regular-webfont.woff
new file mode 100644
index 0000000..fa0b499
Binary files /dev/null and b/static/fonts/RobotoSlab-Regular-webfont.woff differ
diff --git a/static/fonts/RobotoSlab-Regular.ttf b/static/fonts/RobotoSlab-Regular.ttf
new file mode 100644
index 0000000..cf612b8
Binary files /dev/null and b/static/fonts/RobotoSlab-Regular.ttf differ
diff --git a/themes/problematic/layouts/_default/single.html b/themes/problematic/layouts/_default/single.html
index 17b274b..bc7133a 100644
--- a/themes/problematic/layouts/_default/single.html
+++ b/themes/problematic/layouts/_default/single.html
@@ -1,4 +1,4 @@
 {{ define "main" }}
-<h1>{{ .Title }}</h1>
+<h1 class="title">{{ .Title }}</h1>
 {{ .Content }}
 {{ end }}
diff --git a/themes/problematic/layouts/partials/header.html b/themes/problematic/layouts/partials/header.html
index a9a7b2a..24e94ec 100644
--- a/themes/problematic/layouts/partials/header.html
+++ b/themes/problematic/layouts/partials/header.html
@@ -5,4 +5,5 @@
                 {{ .Pre }}<a href="{{ .URL }}" title="{{ .Title }}">{{- .Name -}}</a> {{ .Post }}
             {{- end }}
     </nav>
+    <hr class="new1">
 </header>
-- 
cgit v1.2.3