about summary refs log tree commit diff
diff options
context:
space:
mode:
authorFranck Cuny <franck@fcuny.net>2021-08-05 12:53:13 -0700
committerFranck Cuny <franck@fcuny.net>2021-08-05 12:53:13 -0700
commit9d0b3a718545c035ac359ddb8a2f2668c477e59d (patch)
tree61d09b91e846a214b97d257c00de091383c82600
parentblog: update description (diff)
downloadworld-9d0b3a718545c035ac359ddb8a2f2668c477e59d.tar.gz
css: bigger font and highlight colors
Increase the font size and change some of the colors used for
highlighting code.
-rw-r--r--users/fcuny/notes/layouts/partials/head.html2
-rw-r--r--users/fcuny/notes/static/css/custom.css22
2 files changed, 18 insertions, 6 deletions
diff --git a/users/fcuny/notes/layouts/partials/head.html b/users/fcuny/notes/layouts/partials/head.html
index 39ef8aa..7de4fd4 100644
--- a/users/fcuny/notes/layouts/partials/head.html
+++ b/users/fcuny/notes/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/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css
index 18c9c41..4173138 100644
--- a/users/fcuny/notes/static/css/custom.css
+++ b/users/fcuny/notes/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%;