css: bigger font and highlight colors

Increase the font size and change some of the colors used for
highlighting code.

2 files changed, 18 insertions, 6 deletions

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 39ef8aa..7de4fd4 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -9,6 +9,8 @@
   <link rel="alternate" href="{{ "/feed.xml" | relURL }}" type="application/atom+xml" title="ATOM feed">
   <link rel="author" href="humans.txt" />
 
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🖥️</text></svg>">
+
   <meta name="description" content="Franck Cuny's website, with articles about computers stuff.">
   <meta name="author" content="Franck Cuny">
 
diff --git a/static/css/custom.css b/static/css/custom.css
index 18c9c41..4173138 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -4,9 +4,9 @@
 *, *:before, *:after { box-sizing: border-box; }
 
 body {
-    background-color: #ffffff;
-    line-height: 1.5rem;
-    font-size: 16px;
+    background-color: #fffff8;
+    line-height: 1.8rem;
+    font-size: 1.3em;
     font-family: "Roboto Slab", sans-serif;
     color: #000;
     padding: 2rem;
@@ -43,11 +43,21 @@ span.published, span.updated {
 }
 
 code.verbatim {
-    background-color: #eeeeee;
+    background-color: #fffff8;
+}
+
+.highlight pre {
+    background-color: #fffff8 !important;
+}
+
+.highlight {
+    padding: 5px;
+    border-radius: 5px;
+    border: 1px solid #eee;
 }
 
 pre {
-    padding: 1rem 2rem;
+    padding: 0.3rem 0.3rem;
     margin: 0;
     font-size: 16px;
     font-family: 'Source Code Pro', monospace;
@@ -55,7 +65,7 @@ pre {
 }
 
 .tags {
-    background-color: #eeeeee;
+    /* background-color: #eeeeee; */
     border-radius:8px;
     padding:0 .5rem;
     font-size: 90%;