From dbb87b8c6fb70f4721c62d2c26f4bcd14749e5ec Mon Sep 17 00:00:00 2001
From: Thomas Letan <lthms@soap.coffee>
Date: Sun, 6 Dec 2020 20:45:28 +0100
Subject: Tweak the theme to increase its book vibe

---
 site/cleopatra/theme.org | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

(limited to 'site/cleopatra/theme.org')

diff --git a/site/cleopatra/theme.org b/site/cleopatra/theme.org
index 1aec349..85d970b 100644
--- a/site/cleopatra/theme.org
+++ b/site/cleopatra/theme.org
@@ -39,9 +39,8 @@ instructions for *~cleopatra~*.
 
 #+NAME: syncloading_html
 #+BEGIN_SRC html
-<link
-   href="https://soap.coffee/+vendors/normalize.css.8.0.1/normalize.css"
-   rel="stylesheet">
+<link href="https://soap.coffee/+vendors/normalize.css.8.0.1/normalize.css"
+      rel="stylesheet">
 <link rel="stylesheet" href="/style/main.css">
 <link rel="icon" type="image/ico" href="/img/merida.webp">
 #+END_SRC
@@ -58,13 +57,13 @@ noscript.parentNode.removeChild(noscript);
 <noscript id="asyncloading">
   <link href="https://soap.coffee/+vendors/fira-code.2+swap/font.css"
         rel="stylesheet">
-  <link href="https://soap.coffee/+vendors/Linux-Libertine/import.css"
-        rel="stylesheet">
   <link href="https://soap.coffee/+vendors/katex.0.11.1+swap/katex.css"
         rel="stylesheet">
   <link href="https://soap.coffee/+vendors/fork-awesome.1.1.7+swap/css/fork-awesome.min.css"
         rel="stylesheet">
-</nolink>
+  <link href="https://soap.coffee/+vendors/Spectral/extra-light.css"
+        rel="stylesheet">
+</noscript>
 #+END_SRC
 
 ** ~body~
@@ -115,7 +114,7 @@ First, we introduce a set of variables.
 
 #+BEGIN_SRC sass :tangle site/style/main.sass
 $content-width : 35rem
-$large-side-margin : 5rem
+$large-side-margin : 7rem
 $small-side-margin : 2rem
 #+END_SRC
 
@@ -139,11 +138,15 @@ Then, we style!
 
 html
     width : 100%
-    font-size : 110%
+    height : 100%
+    font-size : 115%
 
 body
-    font-family : 'Linux Libertine', serif
-    padding : 2rem var(--side-margin)
+    font-family : Spectral, serif
+    margin : 0 var(--side-margin) 0 calc(var(--side-margin) - 2rem) !important
+    padding : 2rem
+    @media screen and (min-width: calc(#{$content-width} + 2 * #{$large-side-margin}))
+        border-left : 1px solid #ccc
 
 main p,
 main h1,
@@ -166,15 +169,15 @@ main h3,
 main h4,
 main h5,
 main h6
-    font-weight : 400
+    font-weight : bold
 
 header a,
 footer p
     font-size : 90%
 
 main
-    padding-top : 2rem
-    padding-bottom : 2rem
+    padding-top : 4rem
+    padding-bottom : 4rem
 
 footer img
     border-radius : 100%
-- 
cgit v1.2.3