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

---
 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
 4 files changed, 34 insertions(+), 14 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

(limited to 'static')

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
-- 
cgit v1.2.3