From 6f3729b383909ca091925defed83d8ce37b9e7d5 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 7 Mar 2021 16:23:59 -0800
Subject: initial site with hugo

Start my website from scratch once more, using hugo to generate it. For
now the layout is pretty simple:
- an index page that will list future notes
- notes should be created under the "content" directory

The theme is custom and I'll try to keep this simple.
---
 users/fcuny/blog/static/css/custom.css | 47 ++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 users/fcuny/blog/static/css/custom.css

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
new file mode 100644
index 0000000..45f9732
--- /dev/null
+++ b/users/fcuny/blog/static/css/custom.css
@@ -0,0 +1,47 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
+@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400');
+
+*, *:before, *:after { box-sizing: border-box; }
+
+body {
+    background-color: #ffffea;
+    line-height: 1.6rem;
+    font-size: 18px;
+    font-family: "Roboto Slab", serif;
+    color: #000;
+    padding: 2rem;
+}
+
+.main {
+    margin: auto;
+    max-width: 50rem;
+}
+
+a {
+  text-decoration: none;
+  color: #00add8;
+}
+
+p { color: #1a1a19; }
+
+h1 {
+    line-height: normal;
+}
+
+h2 {
+  margin-top: 2rem;
+  line-height: 1.4em;
+}
+
+span.published, span.updated {
+    display: block;
+    font-style: oblique;
+}
+
+pre {
+  padding: 1rem 2rem;
+  margin: 0;
+  font-size: 16px;
+  font-family: "Roboto Mono", Monaco, "Lucida Console", monospace;
+  overflow: scroll;
+}
-- 
cgit v1.2.3


From 79697d945deed96280df98c3bee4994c73e2977c Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Tue, 6 Apr 2021 12:29:45 -0700
Subject: css: change the default font

---
 users/fcuny/blog/static/css/custom.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 45f9732..c84a013 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -1,13 +1,13 @@
-@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
+@import url('https://fonts.googleapis.com/css2?family=Roboto');
 @import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400');
 
 *, *:before, *:after { box-sizing: border-box; }
 
 body {
-    background-color: #ffffea;
-    line-height: 1.6rem;
-    font-size: 18px;
-    font-family: "Roboto Slab", serif;
+    background-color: #ffffff;
+    line-height: 1.5rem;
+    font-size: 16px;
+    font-family: "Roboto", Arial, sans-serif;
     color: #000;
     padding: 2rem;
 }
-- 
cgit v1.2.3


From 12d5254bde5bca032dcd4932504df7ae1709984b Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Tue, 6 Apr 2021 12:30:59 -0700
Subject: css: set background color for code block

Indent properly the CSS for the `pre` tag.
---
 users/fcuny/blog/static/css/custom.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index c84a013..b3c3e2f 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -38,10 +38,14 @@ span.published, span.updated {
     font-style: oblique;
 }
 
+code {
+    background-color: #eeeeee;
+}
+
 pre {
-  padding: 1rem 2rem;
-  margin: 0;
-  font-size: 16px;
-  font-family: "Roboto Mono", Monaco, "Lucida Console", monospace;
-  overflow: scroll;
+    padding: 1rem 2rem;
+    margin: 0;
+    font-size: 16px;
+    font-family: "Roboto Mono", Monaco, "Lucida Console", monospace;
+    overflow: scroll;
 }
-- 
cgit v1.2.3


From f29dad7dc02a2fac22b0086ad67e1e1784913974 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Tue, 6 Apr 2021 12:31:33 -0700
Subject: css: update style for links and headers

Indent properly the CSS
---
 users/fcuny/blog/static/css/custom.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index b3c3e2f..b0ec570 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -18,8 +18,9 @@ body {
 }
 
 a {
-  text-decoration: none;
-  color: #00add8;
+    text-decoration: underline;
+    text-underline-offset:.3rem;
+    color: #007d9c;
 }
 
 p { color: #1a1a19; }
@@ -29,8 +30,11 @@ h1 {
 }
 
 h2 {
-  margin-top: 2rem;
-  line-height: 1.4em;
+    margin-top: 2rem;
+    line-height: 1.4em;
+    border-bottom-color: #000000;
+    border-bottom-style: solid;
+    border-bottom-width: 0.8px;
 }
 
 span.published, span.updated {
-- 
cgit v1.2.3


From 7025d1ca1e7a42212eeb4e648176986135fd8438 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Tue, 6 Apr 2021 12:32:43 -0700
Subject: layout: add date and tags to single pages

We want to show the tags and the published/updated date for the
articles.

Add to the CSS the classes for these new elements.
---
 users/fcuny/blog/static/css/custom.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index b0ec570..9d4faf1 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -53,3 +53,19 @@ pre {
     font-family: "Roboto Mono", Monaco, "Lucida Console", monospace;
     overflow: scroll;
 }
+
+.tags {
+    background-color: #eeeeee;
+    border-radius:8px;
+    padding:0 .5rem;
+    font-size: 90%;
+}
+
+.meta_tags a:link,
+.meta_tags a:visited {
+    text-decoration: none;
+}
+
+.meta_date {
+    font-style: italic;
+}
-- 
cgit v1.2.3


From bb0d8756d02dd39375e6b67cd67fac850aec609a Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 11 Apr 2021 11:51:48 -0700
Subject: css: change font to roboto slab

---
 users/fcuny/blog/static/css/custom.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 9d4faf1..b1a1957 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -1,13 +1,13 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto');
-@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400');
+ @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
 
 *, *:before, *:after { box-sizing: border-box; }
 
 body {
     background-color: #ffffff;
     line-height: 1.5rem;
-    font-size: 16px;
-    font-family: "Roboto", Arial, sans-serif;
+    font-size: 18px;
+    font-family: "Roboto Slab", serif;
     color: #000;
     padding: 2rem;
 }
@@ -50,7 +50,7 @@ pre {
     padding: 1rem 2rem;
     margin: 0;
     font-size: 16px;
-    font-family: "Roboto Mono", Monaco, "Lucida Console", monospace;
+    font-family: 'Source Code Pro', monospace;
     overflow: scroll;
 }
 
-- 
cgit v1.2.3


From 812975fb5e0cbe5ac32285eb7b6d5bac715d1988 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 11 Apr 2021 11:54:55 -0700
Subject: css: remove extra white space

---
 users/fcuny/blog/static/css/custom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index b1a1957..505f66d 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -1,4 +1,4 @@
- @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
 
 *, *:before, *:after { box-sizing: border-box; }
-- 
cgit v1.2.3


From 503cfd7c57fae67d91a98789e5853ba28132b031 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 11 Apr 2021 15:44:29 -0700
Subject: css: switch to sans-serif; add tables; other tweaks

---
 users/fcuny/blog/static/css/custom.css | 33 ++++++++++++++++++++++++++++-----
 1 file changed, 28 insertions(+), 5 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 505f66d..7592e8e 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -6,15 +6,15 @@
 body {
     background-color: #ffffff;
     line-height: 1.5rem;
-    font-size: 18px;
-    font-family: "Roboto Slab", serif;
+    font-size: 16px;
+    font-family: "Roboto Slab", sans-serif;
     color: #000;
     padding: 2rem;
 }
 
 .main {
     margin: auto;
-    max-width: 50rem;
+    max-width: 60rem;
 }
 
 a {
@@ -42,7 +42,7 @@ span.published, span.updated {
     font-style: oblique;
 }
 
-code {
+code.verbatim {
     background-color: #eeeeee;
 }
 
@@ -51,7 +51,7 @@ pre {
     margin: 0;
     font-size: 16px;
     font-family: 'Source Code Pro', monospace;
-    overflow: scroll;
+    /* overflow: scroll; */
 }
 
 .tags {
@@ -69,3 +69,26 @@ pre {
 .meta_date {
     font-style: italic;
 }
+
+table {
+    border: 1px solid black;
+    width: 100%;
+    border-spacing: 15px;
+    border-collapse: collapse;
+    letter-spacing: 1px;
+    font-family: 'Source Code Pro', monospace;
+    font-size: 16px;
+    text-align: left;
+}
+
+thead {
+    background-color: #E0EBF5;
+    font-weight: bold;
+}
+
+blockquote {
+    background-color: #fffff0;
+    border-radius: 5px;
+    padding-left: 5px;
+    font-style: italic;
+}
-- 
cgit v1.2.3


From ef3fa6ba26fcf11fdd2325764147f56c90b94a7b Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Thu, 22 Apr 2021 12:44:27 -0700
Subject: layout: add a navbar

I want to differentiate blog's entries from more general notes. For
this, we create two menu entries, and add a navbar at the top.

The nav bar let us select between the two kind of articles: blogs or
notes. For now we have a single blog entry, and no notes.

The page to list entries is simplified: we use the same layout for all
lists (tags, notes, blogs).

The CSS is updated to support the new nav bar.
---
 users/fcuny/blog/static/css/custom.css | 41 +++++++++++++++++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 7592e8e..f363bee 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -38,7 +38,7 @@ h2 {
 }
 
 span.published, span.updated {
-    display: block;
+    display: center;
     font-style: oblique;
 }
 
@@ -92,3 +92,42 @@ blockquote {
     padding-left: 5px;
     font-style: italic;
 }
+
+nav {
+    display: flex;
+    flex: 2 0px;
+    justify-content: flex-end;
+    padding-left: 1em;
+    margin: 0 auto;
+    line-height: 0.2rem;
+}
+
+nav ul {
+    display: flex;
+    list-style-type: none;
+    margin: 0
+}
+
+nav a {
+    padding: 1em;
+    display: inline-block;
+    color: black;
+    font-family: sans-serif;
+    text-decoration: none;
+    transition: all 75ms ease-in;
+}
+
+nav a:hover {
+    color: #fff;
+    background-color: #007d9c;
+}
+
+nav a.menu-active:hover {
+    color: #fff;
+    background-color: #007d9c;
+}
+
+nav a.menu-active {
+    color: #007d9c;
+}
+
-- 
cgit v1.2.3


From a90e6adf70d955ec51158cc25782b40cd61314d8 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Tue, 18 May 2021 19:44:16 -0700
Subject: css: add a scroll bar if the content overflows

---
 users/fcuny/blog/static/css/custom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index f363bee..18c9c41 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -51,7 +51,7 @@ pre {
     margin: 0;
     font-size: 16px;
     font-family: 'Source Code Pro', monospace;
-    /* overflow: scroll; */
+    overflow-x: auto;
 }
 
 .tags {
-- 
cgit v1.2.3


From f7b02cb5f5c543ae9fb3d7749663ea4fd8037a6b Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Thu, 5 Aug 2021 12:53:13 -0700
Subject: css: bigger font and highlight colors

Increase the font size and change some of the colors used for
highlighting code.
---
 users/fcuny/blog/static/css/custom.css | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 18c9c41..4173138 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/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%;
-- 
cgit v1.2.3


From 823139e85dfb0294d39f53cde8c1c47a841feabe Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sat, 14 Aug 2021 13:08:02 -0700
Subject: css: reduce the size of the font

---
 users/fcuny/blog/static/css/custom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 4173138..08a7c0a 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -6,7 +6,7 @@
 body {
     background-color: #fffff8;
     line-height: 1.8rem;
-    font-size: 1.3em;
+    font-size: 1em;
     font-family: "Roboto Slab", sans-serif;
     color: #000;
     padding: 2rem;
-- 
cgit v1.2.3


From c9ae2f1b2ef43d288d370181b9e069e0ab1cd547 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 15 Aug 2021 13:42:51 -0700
Subject: CSS: use a class for the menu

We will have more use of the tag `nav` and we will need different styles
for it.
---
 users/fcuny/blog/static/css/custom.css | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 08a7c0a..b4e37bc 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -103,7 +103,7 @@ blockquote {
     font-style: italic;
 }
 
-nav {
+nav.menu {
     display: flex;
     flex: 2 0px;
     justify-content: flex-end;
@@ -112,13 +112,13 @@ nav {
     line-height: 0.2rem;
 }
 
-nav ul {
+nav.menu ul {
     display: flex;
     list-style-type: none;
     margin: 0
 }
 
-nav a {
+nav.menu a {
     padding: 1em;
     display: inline-block;
     color: black;
@@ -127,17 +127,16 @@ nav a {
     transition: all 75ms ease-in;
 }
 
-nav a:hover {
+nav.menu a:hover {
     color: #fff;
     background-color: #007d9c;
 }
 
-nav a.menu-active:hover {
+nav.menu a.menu-active:hover {
     color: #fff;
     background-color: #007d9c;
 }
 
-nav a.menu-active {
+nav.menu a.menu-active {
     color: #007d9c;
 }
-
-- 
cgit v1.2.3


From 9ab556530d088ed2046f9e1fd2ffe92783b9cfaf Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 15 Aug 2021 13:46:47 -0700
Subject: CSS: support table of content

If an entry has the parameter `#+toc` set to `t`, we will enable the
table of content in the page.
---
 users/fcuny/blog/static/css/custom.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index b4e37bc..8f776d7 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -140,3 +140,15 @@ nav.menu a.menu-active:hover {
 nav.menu a.menu-active {
     color: #007d9c;
 }
+
+.toc {
+    border: 1px solid black;
+    padding: 1rem;
+    margin-top: 1rem;
+    color: black;
+}
+
+.toc a,
+.toc a.visited {
+    color: black;
+}
-- 
cgit v1.2.3


From d54131c01237520fec2c718ba353675553b0ae43 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 15 Aug 2021 15:14:02 -0700
Subject: CSS: make the content more readable

The Roboto Slab font is hard to read (at least for me). Switch to Droid
Sans and make the text a bit smaller.

Change the background of the page to white (again), and change the
background color for the code snippets.

Add text decoration for headlines (similar to org-bullet).
---
 users/fcuny/blog/static/css/custom.css | 39 +++++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 15 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 8f776d7..1113707 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -1,13 +1,12 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
 
 *, *:before, *:after { box-sizing: border-box; }
 
 body {
-    background-color: #fffff8;
-    line-height: 1.8rem;
-    font-size: 1em;
-    font-family: "Roboto Slab", sans-serif;
+    background-color: #ffffff;
+    line-height: 1.4rem;
+    font-size: 16px;
+    font-family: 'Droid Sans', sans-serif;
     color: #000;
     padding: 2rem;
 }
@@ -25,14 +24,22 @@ a {
 
 p { color: #1a1a19; }
 
-h1 {
-    line-height: normal;
+h1:before {
+    content: '◉';
+}
+h2:before {
+    content: '○';
+}
+h3:before {
+    content: '✸';
+}
+h4:before {
+    content: '✿';
 }
 
 h2 {
     margin-top: 2rem;
-    line-height: 1.4em;
-    border-bottom-color: #000000;
+    border-bottom-color: #eee;
     border-bottom-style: solid;
     border-bottom-width: 0.8px;
 }
@@ -43,15 +50,18 @@ span.published, span.updated {
 }
 
 code.verbatim {
-    background-color: #fffff8;
+    background-color: #f7f7f7;
+    white-space: nowrap;
+    border-radius: 2px;
+    font-size: 90%;
+    padding: 2px 2px;
 }
 
 .highlight pre {
-    background-color: #fffff8 !important;
+    background-color: #f7f7f7 !important;
 }
 
 .highlight {
-    padding: 5px;
     border-radius: 5px;
     border: 1px solid #eee;
 }
@@ -59,13 +69,12 @@ code.verbatim {
 pre {
     padding: 0.3rem 0.3rem;
     margin: 0;
-    font-size: 16px;
+    font-size: 14px;
     font-family: 'Source Code Pro', monospace;
     overflow-x: auto;
 }
 
 .tags {
-    /* background-color: #eeeeee; */
     border-radius:8px;
     padding:0 .5rem;
     font-size: 90%;
@@ -82,6 +91,7 @@ pre {
 
 table {
     border: 1px solid black;
+    border-radius: 2px;
     width: 100%;
     border-spacing: 15px;
     border-collapse: collapse;
@@ -109,7 +119,6 @@ nav.menu {
     justify-content: flex-end;
     padding-left: 1em;
     margin: 0 auto;
-    line-height: 0.2rem;
 }
 
 nav.menu ul {
-- 
cgit v1.2.3


From b667d82b1e01bbdcbeeff6defc483540188856e0 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 23 Aug 2021 09:15:40 -0700
Subject: CSS: makes the menu more readable

Move the title to the left and the menu items to the right.
---
 users/fcuny/blog/static/css/custom.css | 48 +++++++++++++++++++++++-----------
 1 file changed, 33 insertions(+), 15 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 1113707..3475d1f 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -115,39 +115,57 @@ blockquote {
 
 nav.menu {
     display: flex;
-    flex: 2 0px;
-    justify-content: flex-end;
-    padding-left: 1em;
+    justify-content: flex-start;
+    flex-direction: row;
+    flex-wrap: nowrap;
     margin: 0 auto;
+    font-size: 18px;
 }
 
-nav.menu ul {
+.navigation {
     display: flex;
-    list-style-type: none;
-    margin: 0
+    justify-content: flex-end;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    box-sizing: border-box;
+    flex-basis: auto;
+    flex-grow: 1;
+    align-items: center;
+}
+
+.menu-item {
+    box-sizing: border-box;
+    font-weight: 400;
+    padding-right: 8px;
 }
 
 nav.menu a {
-    padding: 1em;
     display: inline-block;
     color: black;
-    font-family: sans-serif;
     text-decoration: none;
     transition: all 75ms ease-in;
 }
 
-nav.menu a:hover {
-    color: #fff;
-    background-color: #007d9c;
+.navigation a:hover {
+    text-decoration: underline;
+    text-decoration-thickness: 4px;
+    text-underline-offset:.3rem;
+    color: #007d9c;
 }
 
-nav.menu a.menu-active:hover {
-    color: #fff;
-    background-color: #007d9c;
+a.menu-active:hover {
+    text-decoration: underline;
+    text-underline-offset:.3rem;
+    color: #007d9c;
+    font-weight: 700;
 }
 
-nav.menu a.menu-active {
+a.menu-active {
+    text-decoration: underline;
+    text-underline-offset:.3rem;
+    text-decoration-thickness: 4px;
     color: #007d9c;
+    font-weight: 700;
 }
 
 .toc {
-- 
cgit v1.2.3


From 3a3b604077b62c39165331c45f839b81b1b5423e Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 23 Aug 2021 09:31:20 -0700
Subject: CSS: rename the class for the tags

---
 users/fcuny/blog/static/css/custom.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 3475d1f..95f5feb 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -74,10 +74,12 @@ pre {
     overflow-x: auto;
 }
 
-.tags {
-    border-radius:8px;
-    padding:0 .5rem;
-    font-size: 90%;
+.meta_tags {
+    border-radius: 8px;
+    padding: 0 .5rem;
+    font-size: 80%;
+    border: 2px solid #eee;
+    background-color: #eee
 }
 
 .meta_tags a:link,
-- 
cgit v1.2.3


From b03e752a4522209d77d2c153a8bee8601a2808d5 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 23 Aug 2021 09:32:05 -0700
Subject: CSS: use decoration on headers only for articles

Add an element "article" to the single page template, and change the CSS
to use the decoration for headers only for that kind of content.

Having decoration for all headers is distracting, it's more suited for
actual content.

We also don't need decoration for h1, only smaller headers.
---
 users/fcuny/blog/static/css/custom.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 95f5feb..2d7a36e 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -24,16 +24,16 @@ a {
 
 p { color: #1a1a19; }
 
-h1:before {
+article.article h2:before {
     content: '◉';
 }
-h2:before {
+article.article h3:before {
     content: '○';
 }
-h3:before {
+article.article h4:before {
     content: '✸';
 }
-h4:before {
+article.article h5:before {
     content: '✿';
 }
 
-- 
cgit v1.2.3


From f845f6360899a9226c8c3a93c0a915ff2735e239 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 23 Aug 2021 09:33:55 -0700
Subject: CSS: various small fixes

---
 users/fcuny/blog/static/css/custom.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 2d7a36e..ba9dddf 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -4,7 +4,7 @@
 
 body {
     background-color: #ffffff;
-    line-height: 1.4rem;
+    line-height: 22px;
     font-size: 16px;
     font-family: 'Droid Sans', sans-serif;
     color: #000;
@@ -52,7 +52,7 @@ span.published, span.updated {
 code.verbatim {
     background-color: #f7f7f7;
     white-space: nowrap;
-    border-radius: 2px;
+    border-radius: 8px;
     font-size: 90%;
     padding: 2px 2px;
 }
-- 
cgit v1.2.3


From a4a18316efcea78efe3eeae15f527eb883391299 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 6 Dec 2021 17:50:39 -0800
Subject: CSS: drop custom fonts + colors

---
 users/fcuny/blog/static/css/custom.css | 41 ++++++++++++++++++----------------
 1 file changed, 22 insertions(+), 19 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index ba9dddf..4502d70 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -1,12 +1,10 @@
-@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
-
 *, *:before, *:after { box-sizing: border-box; }
 
 body {
-    background-color: #ffffff;
+    background-color: #fbf1c7;
     line-height: 22px;
-    font-size: 16px;
-    font-family: 'Droid Sans', sans-serif;
+    font-size: 1.1em;
+    font-family: monospace;
     color: #000;
     padding: 2rem;
 }
@@ -19,10 +17,10 @@ body {
 a {
     text-decoration: underline;
     text-underline-offset:.3rem;
-    color: #007d9c;
+    color: #8f3f71;
 }
 
-p { color: #1a1a19; }
+p { color: #282828; }
 
 article.article h2:before {
     content: '◉';
@@ -37,9 +35,13 @@ article.article h5:before {
     content: '✿';
 }
 
+h1, h2, h3, h4, h5 {
+    font-family: sans-serif;
+}
+
 h2 {
-    margin-top: 2rem;
-    border-bottom-color: #eee;
+    margin-top: 1.3rem;
+    border-bottom-color: #282828;
     border-bottom-style: solid;
     border-bottom-width: 0.8px;
 }
@@ -53,7 +55,6 @@ code.verbatim {
     background-color: #f7f7f7;
     white-space: nowrap;
     border-radius: 8px;
-    font-size: 90%;
     padding: 2px 2px;
 }
 
@@ -69,9 +70,10 @@ code.verbatim {
 pre {
     padding: 0.3rem 0.3rem;
     margin: 0;
-    font-size: 14px;
-    font-family: 'Source Code Pro', monospace;
+    font-size: 1.1em;
+    font-family: monospace;
     overflow-x: auto;
+    border: 1px solid #000;
 }
 
 .meta_tags {
@@ -98,8 +100,8 @@ table {
     border-spacing: 15px;
     border-collapse: collapse;
     letter-spacing: 1px;
-    font-family: 'Source Code Pro', monospace;
-    font-size: 16px;
+    font-family: monospace;
+    font-size: 1.1em;
     text-align: left;
 }
 
@@ -111,8 +113,9 @@ thead {
 blockquote {
     background-color: #fffff0;
     border-radius: 5px;
-    padding-left: 5px;
     font-style: italic;
+    border-left: 6px solid lightgray;
+    margin-left: 10.875px;
 }
 
 nav.menu {
@@ -121,7 +124,7 @@ nav.menu {
     flex-direction: row;
     flex-wrap: nowrap;
     margin: 0 auto;
-    font-size: 18px;
+    font-size: 1.2em;
 }
 
 .navigation {
@@ -152,13 +155,13 @@ nav.menu a {
     text-decoration: underline;
     text-decoration-thickness: 4px;
     text-underline-offset:.3rem;
-    color: #007d9c;
+    color: #076678;
 }
 
 a.menu-active:hover {
     text-decoration: underline;
     text-underline-offset:.3rem;
-    color: #007d9c;
+    color: #076678;
     font-weight: 700;
 }
 
@@ -166,7 +169,7 @@ a.menu-active {
     text-decoration: underline;
     text-underline-offset:.3rem;
     text-decoration-thickness: 4px;
-    color: #007d9c;
+    color: #076678;
     font-weight: 700;
 }
 
-- 
cgit v1.2.3


From b2cf2de7e131af146f1e15a5d106422026062201 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 20 Dec 2021 14:31:30 -0800
Subject: css: improve the color and fonts

---
 users/fcuny/blog/static/css/custom.css | 163 ++++++++++-----------------------
 1 file changed, 47 insertions(+), 116 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 4502d70..cbeac27 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -1,77 +1,56 @@
-*, *:before, *:after { box-sizing: border-box; }
-
 body {
+    font-family: sans-serif;
+    line-height:1.6;
+    font-size:18px;
+    color: #000111;
     background-color: #fbf1c7;
-    line-height: 22px;
-    font-size: 1.1em;
-    font-family: monospace;
-    color: #000;
-    padding: 2rem;
-}
-
-.main {
-    margin: auto;
-    max-width: 60rem;
-}
-
-a {
-    text-decoration: underline;
-    text-underline-offset:.3rem;
-    color: #8f3f71;
+    margin:1em auto;
+    max-width:750px;
+    padding:0 0.55em;
 }
 
-p { color: #282828; }
+h1, h2, h3, h4, h5 {line-height:1.2}
+h1{margin-top:1em;margin-bottom:0.34em}
+h2{margin-top:1.25em;margin-bottom:0.41em}
+h3{margin-top:1.5em;margin-bottom:0.5em}
 
-article.article h2:before {
-    content: '◉';
-}
-article.article h3:before {
-    content: '○';
-}
-article.article h4:before {
-    content: '✸';
-}
-article.article h5:before {
-    content: '✿';
+hr{
+    color:#000111;
+    background-color:#000111;
+    border:none;
+    height:2px
 }
 
-h1, h2, h3, h4, h5 {
-    font-family: sans-serif;
-}
-
-h2 {
-    margin-top: 1.3rem;
-    border-bottom-color: #282828;
-    border-bottom-style: solid;
-    border-bottom-width: 0.8px;
-}
+a {color: #494d7e;}
+a:visited {color: #494d7e;}
 
 span.published, span.updated {
     display: center;
     font-style: oblique;
 }
 
+code {
+    font-family: monospace;
+    font-size: 80%;
+}
 code.verbatim {
-    background-color: #f7f7f7;
-    white-space: nowrap;
-    border-radius: 8px;
-    padding: 2px 2px;
+    background-color: #fffff8;
 }
 
-.highlight pre {
-    background-color: #f7f7f7 !important;
+:not(pre) code{
+    padding-left:0.1em;
+    padding-right:0.1em;
+    border-radius:2px;
 }
 
-.highlight {
-    border-radius: 5px;
-    border: 1px solid #eee;
-}
+.highlight pre {background-color: #fffff8 !important}
+.highlight {border-radius: 5px}
 
 pre {
+    font-family: monospace;
     padding: 0.3rem 0.3rem;
     margin: 0;
-    font-size: 1.1em;
-    font-family: monospace;
+    line-height: 1.1;
     overflow-x: auto;
     border: 1px solid #000;
 }
@@ -81,40 +60,40 @@ pre {
     padding: 0 .5rem;
     font-size: 80%;
     border: 2px solid #eee;
-    background-color: #eee
+    background-color: #eee;
 }
 
-.meta_tags a:link,
-.meta_tags a:visited {
+.meta_tags a:link, .meta_tags a:visited {
     text-decoration: none;
 }
 
 .meta_date {
     font-style: italic;
+    font-size: 80%;
 }
 
 table {
-    border: 1px solid black;
-    border-radius: 2px;
     width: 100%;
-    border-spacing: 15px;
-    border-collapse: collapse;
-    letter-spacing: 1px;
-    font-family: monospace;
-    font-size: 1.1em;
-    text-align: left;
+    border-spacing: 0px;
+    outline: none;
+}
+
+th, td{
+    padding-left:0.7em;
+    padding-right:0.7em;
+    padding-top:0.4em;
+    padding-bottom:0.4em;
 }
 
-thead {
-    background-color: #E0EBF5;
-    font-weight: bold;
+table, th, td {
+    border:1px solid black;
 }
 
 blockquote {
-    background-color: #fffff0;
+    background-color: #fffff8;
     border-radius: 5px;
     font-style: italic;
-    border-left: 6px solid lightgray;
+    border-left: 6px solid black;
     margin-left: 10.875px;
 }
 
@@ -124,63 +103,15 @@ nav.menu {
     flex-direction: row;
     flex-wrap: nowrap;
     margin: 0 auto;
-    font-size: 1.2em;
-}
-
-.navigation {
-    display: flex;
-    justify-content: flex-end;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    box-sizing: border-box;
-    flex-basis: auto;
-    flex-grow: 1;
-    align-items: center;
 }
 
 .menu-item {
-    box-sizing: border-box;
-    font-weight: 400;
     padding-right: 8px;
 }
 
-nav.menu a {
-    display: inline-block;
-    color: black;
-    text-decoration: none;
-    transition: all 75ms ease-in;
-}
-
-.navigation a:hover {
-    text-decoration: underline;
-    text-decoration-thickness: 4px;
-    text-underline-offset:.3rem;
-    color: #076678;
-}
-
-a.menu-active:hover {
-    text-decoration: underline;
-    text-underline-offset:.3rem;
-    color: #076678;
-    font-weight: 700;
-}
-
-a.menu-active {
-    text-decoration: underline;
-    text-underline-offset:.3rem;
-    text-decoration-thickness: 4px;
-    color: #076678;
-    font-weight: 700;
-}
-
 .toc {
     border: 1px solid black;
     padding: 1rem;
     margin-top: 1rem;
     color: black;
 }
-
-.toc a,
-.toc a.visited {
-    color: black;
-}
-- 
cgit v1.2.3


From 60de70860976af720e1ce8edd882a6bf0347c0dc Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Wed, 29 Dec 2021 09:37:38 -0800
Subject: css: highlight links with a background color

---
 users/fcuny/blog/static/css/custom.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index cbeac27..2e96fdc 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -21,8 +21,19 @@ hr{
     height:2px
 }
 
-a {color: #494d7e;}
-a:visited {color: #494d7e;}
+a {
+    color: #023;
+    background-color: #eee;
+}
+a:visited {
+    color: #345;
+    background: #eee;
+}
+a:hover {
+    color: #000;
+    text-decoration: none;
+    background:#ccf;
+}
 
 span.published, span.updated {
     display: center;
-- 
cgit v1.2.3


From 550f204f314311f0925c86dbfcc69fa4ec591163 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Wed, 29 Dec 2021 14:18:58 -0800
Subject: css: adjust line height

---
 users/fcuny/blog/static/css/custom.css | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 2e96fdc..df75430 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -1,6 +1,5 @@
 body {
     font-family: sans-serif;
-    line-height:1.6;
     font-size:18px;
     color: #000111;
     background-color: #fbf1c7;
@@ -9,7 +8,6 @@ body {
     padding:0 0.55em;
 }
 
-h1, h2, h3, h4, h5 {line-height:1.2}
 h1{margin-top:1em;margin-bottom:0.34em}
 h2{margin-top:1.25em;margin-bottom:0.41em}
 h3{margin-top:1.5em;margin-bottom:0.5em}
@@ -47,7 +45,6 @@ code {
 code.verbatim {
     background-color: #fffff8;
 }
-
 :not(pre) code{
     padding-left:0.1em;
     padding-right:0.1em;
@@ -61,7 +58,6 @@ pre {
     font-family: monospace;
     padding: 0.3rem 0.3rem;
     margin: 0;
-    line-height: 1.1;
     overflow-x: auto;
     border: 1px solid #000;
 }
@@ -87,6 +83,7 @@ table {
     width: 100%;
     border-spacing: 0px;
     outline: none;
+    line-height: 0.9em;
 }
 
 th, td{
-- 
cgit v1.2.3


From 024ae916695392a452306b846f4e9a20d5dced9f Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Wed, 29 Dec 2021 14:19:11 -0800
Subject: css: change colors for some sections

---
 users/fcuny/blog/static/css/custom.css | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index df75430..a38593d 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -92,17 +92,23 @@ th, td{
     padding-top:0.4em;
     padding-bottom:0.4em;
 }
-
+thead {
+    background-color: #ebdbb2;
+}
 table, th, td {
     border:1px solid black;
 }
 
 blockquote {
-    background-color: #fffff8;
-    border-radius: 5px;
+    background-color: #f2e5bc;
     font-style: italic;
-    border-left: 6px solid black;
-    margin-left: 10.875px;
+    border-left: 6px solid #7c6f64;
+    margin-left: 0px;
+    margin-right: 0px;
+    padding-left: 0.7em;
+    padding-right:0.7em;
+    padding-top:0.2em;
+    padding-bottom:0.2em;
 }
 
 nav.menu {
@@ -119,7 +125,7 @@ nav.menu {
 
 .toc {
     border: 1px solid black;
-    padding: 1rem;
-    margin-top: 1rem;
+    padding: 1em;
+    margin-top: 1em;
     color: black;
 }
-- 
cgit v1.2.3


From 0c79b62d7363b6497fd8d7d667869f527b2f8494 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Thu, 13 Jan 2022 14:02:25 -0800
Subject: css: more tweaking

---
 users/fcuny/blog/static/css/custom.css | 50 ++++++++++++++--------------------
 1 file changed, 21 insertions(+), 29 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index a38593d..39d3d8c 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -19,18 +19,15 @@ hr{
     height:2px
 }
 
-a {
-    color: #023;
-    background-color: #eee;
-}
-a:visited {
-    color: #345;
-    background: #eee;
-}
 a:hover {
-    color: #000;
     text-decoration: none;
-    background:#ccf;
+    border-bottom: 1px solid;
+}
+
+a {
+    text-decoration: none;
+    border-bottom: 1px dotted;
+    color: black;
 }
 
 span.published, span.updated {
@@ -41,25 +38,25 @@ span.published, span.updated {
 code {
     font-family: monospace;
     font-size: 80%;
-}
-code.verbatim {
-    background-color: #fffff8;
-}
-:not(pre) code{
     padding-left:0.1em;
     padding-right:0.1em;
-    border-radius:2px;
+    border-radius:4px;
+    background-color: #f7f7f7;
 }
 
-.highlight pre {background-color: #fffff8 !important}
-.highlight {border-radius: 5px}
+ol {
+    line-height: 0.8em;
+}
 
 pre {
     font-family: monospace;
+    font-size: 90%;
     padding: 0.3rem 0.3rem;
     margin: 0;
     overflow-x: auto;
     border: 1px solid #000;
+    border-radius: 4px;
+    background-color: #f7f7f7;
 }
 
 .meta_tags {
@@ -70,8 +67,9 @@ pre {
     background-color: #eee;
 }
 
-.meta_tags a:link, .meta_tags a:visited {
+.meta_tags a {
     text-decoration: none;
+    border-bottom: none;
 }
 
 .meta_date {
@@ -83,7 +81,6 @@ table {
     width: 100%;
     border-spacing: 0px;
     outline: none;
-    line-height: 0.9em;
 }
 
 th, td{
@@ -100,15 +97,10 @@ table, th, td {
 }
 
 blockquote {
-    background-color: #f2e5bc;
-    font-style: italic;
-    border-left: 6px solid #7c6f64;
-    margin-left: 0px;
-    margin-right: 0px;
-    padding-left: 0.7em;
-    padding-right:0.7em;
-    padding-top:0.2em;
-    padding-bottom:0.2em;
+    page-break-inside:avoid;
+    padding:10px 20px;
+    margin:0 0 20px;
+    border-left:5px solid #eee
 }
 
 nav.menu {
-- 
cgit v1.2.3


From 96f3f6484a92a63f363bbb710d5e0ad23fce4f37 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Fri, 21 Jan 2022 11:14:25 -0800
Subject: css: major cleanup

---
 users/fcuny/blog/static/css/custom.css | 160 +++++++++++++++++----------------
 1 file changed, 84 insertions(+), 76 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 39d3d8c..c24db91 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -1,123 +1,131 @@
 body {
-    font-family: sans-serif;
-    font-size:18px;
-    color: #000111;
-    background-color: #fbf1c7;
-    margin:1em auto;
-    max-width:750px;
-    padding:0 0.55em;
+  font-family: sans-serif;
+  font-size: 1.125em;
+  line-height: 1.5;
+  color: #37474f;
+  word-wrap: break-word;
+  margin: 1em auto;
+  max-width: 750px;
+  padding: 0 0.55em;
 }
 
-h1{margin-top:1em;margin-bottom:0.34em}
-h2{margin-top:1.25em;margin-bottom:0.41em}
-h3{margin-top:1.5em;margin-bottom:0.5em}
+h1 {
+  font-size: 2em;
+}
+
+h1 {margin-top: 1em; margin-bottom: 0.34em}
+h2 {margin-top: 1.25em; margin-bottom: 0.41em}
+h3 {margin-top: 1.5em; margin-bottom: 0.5em}
 
 hr{
-    color:#000111;
-    background-color:#000111;
-    border:none;
-    height:2px
+  color:#000111;
+  background-color:#000111;
+  border:none;
+  height:2px
 }
 
-a:hover {
-    text-decoration: none;
-    border-bottom: 1px solid;
-}
+a {border-bottom: .125em dashed #bdbdbd}
 
 a {
-    text-decoration: none;
-    border-bottom: 1px dotted;
-    color: black;
+  color:#212121;
+  text-decoration:none;
+  transition:color .1s ease-in-out
 }
 
+a:hover, a:focus, a:active {color:#37474f}
+
+a:hover, a:focus {border-bottom-color: #a6071b}
+
 span.published, span.updated {
-    display: center;
-    font-style: oblique;
+  display: center;
+  font-style: oblique;
 }
 
 code {
-    font-family: monospace;
-    font-size: 80%;
-    padding-left:0.1em;
-    padding-right:0.1em;
-    border-radius:4px;
-    background-color: #f7f7f7;
+  font-family: monospace;
+  padding-left:0.1em;
+  padding-right:0.1em;
+  border-radius:4px;
+  background-color: #fafafa;
 }
 
-ol {
-    line-height: 0.8em;
-}
+p code {color: #f8546a}
 
 pre {
-    font-family: monospace;
-    font-size: 90%;
-    padding: 0.3rem 0.3rem;
-    margin: 0;
-    overflow-x: auto;
-    border: 1px solid #000;
-    border-radius: 4px;
-    background-color: #f7f7f7;
+  font-family: monospace;
+  margin: 0;
+  word-wrap: normal;
+  padding:1.125em;
+  overflow-x: auto;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  background-color: #fafafa;
 }
 
 .meta_tags {
-    border-radius: 8px;
-    padding: 0 .5rem;
-    font-size: 80%;
-    border: 2px solid #eee;
-    background-color: #eee;
+  border-radius: 8px;
+  padding: 0 .5rem;
+  font-size: 80%;
+  border: 2px solid #eee;
+  background-color: #eee;
 }
 
 .meta_tags a {
-    text-decoration: none;
-    border-bottom: none;
+  text-decoration: none;
+  border-bottom: none;
 }
 
 .meta_date {
-    font-style: italic;
-    font-size: 80%;
+  font-style: italic;
+  font-size: 80%;
 }
 
 table {
-    width: 100%;
-    border-spacing: 0px;
-    outline: none;
+  width: 100%;
+  border-spacing: 0px;
+  outline: none;
 }
 
 th, td{
-    padding-left:0.7em;
-    padding-right:0.7em;
-    padding-top:0.4em;
-    padding-bottom:0.4em;
+  padding-left: 0.7em;
+  padding-right: 0.7em;
+  padding-top: 0.4em;
+  padding-bottom: 0.4em;
 }
 thead {
-    background-color: #ebdbb2;
-}
-table, th, td {
-    border:1px solid black;
+  background-color: #ebdbb2;
 }
+table, th, td {border: 1px solid black}
 
 blockquote {
-    page-break-inside:avoid;
-    padding:10px 20px;
-    margin:0 0 20px;
-    border-left:5px solid #eee
+  font-size: 1.125em;
+  font-style: italic;
+  margin: 0 0 1.5em;
+  padding-left: 1em;
+  border-left: .2em solid #bdbdbd
+}
+
+nav {
+  width: 100%;
+  padding-right: 10px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
-nav.menu {
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    margin: 0 auto;
+.nav-links {
+  list-style: none;
+  display: flex;
 }
 
-.menu-item {
-    padding-right: 8px;
+.navbar a {
+  display: inline-block;
+  padding-right: 10px;
 }
 
 .toc {
-    border: 1px solid black;
-    padding: 1em;
-    margin-top: 1em;
-    color: black;
+  border: 1px solid black;
+  padding: 1em;
+  margin-top: 1em;
+  color: black;
 }
-- 
cgit v1.2.3


From ab5ea3d1f2a90733fafe4c078a05f993cde32e0a Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 11:30:35 -0800
Subject: css: update color for the links

Use a light blue.
---
 users/fcuny/blog/static/css/custom.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index c24db91..80a6c38 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -27,14 +27,14 @@ hr{
 a {border-bottom: .125em dashed #bdbdbd}
 
 a {
-  color:#212121;
+  color:#047bc2;
   text-decoration:none;
   transition:color .1s ease-in-out
 }
 
-a:hover, a:focus, a:active {color:#37474f}
+a:hover, a:focus, a:active {color:#047bc2}
 
-a:hover, a:focus {border-bottom-color: #a6071b}
+a:hover, a:focus {border-bottom-color: #047bc2}
 
 span.published, span.updated {
   display: center;
-- 
cgit v1.2.3


From c1d65942f0ad0c49419e4ee99d2872cc3befef5e Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 11:30:49 -0800
Subject: css: change style for tables

---
 users/fcuny/blog/static/css/custom.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 80a6c38..bbf93a7 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -86,16 +86,20 @@ table {
   outline: none;
 }
 
-th, td{
-  padding-left: 0.7em;
+td{
   padding-right: 0.7em;
   padding-top: 0.4em;
   padding-bottom: 0.4em;
 }
 thead {
-  background-color: #ebdbb2;
+    color: #000;
+    font-style: bold;
+    text-align: left;
+}
+table, th, td {
+    font-family: monospace;
+    color: #000;
 }
-table, th, td {border: 1px solid black}
 
 blockquote {
   font-size: 1.125em;
-- 
cgit v1.2.3


From 549eb4cb67215b2c2146ad61c7a56583299f092b Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 18:48:19 -0800
Subject: css: TOC location based on display's size

Depending on the size of the display, display the TOC either before the
article or on the right of the article and let's make it sticky.
---
 users/fcuny/blog/static/css/custom.css | 101 ++++++++++++++++++++++++++-------
 1 file changed, 82 insertions(+), 19 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index bbf93a7..80b07a0 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -3,17 +3,27 @@ body {
   font-size: 1.125em;
   line-height: 1.5;
   color: #37474f;
-  word-wrap: break-word;
   margin: 1em auto;
-  max-width: 750px;
   padding: 0 0.55em;
+  max-width: 45rem;
+}
+
+@media screen and (min-width:58rem) {
+  body,
+  main {
+    max-width:calc(45rem + 15rem);
+  }
+  main {
+    display: flex;
+  }
 }
 
 h1 {
   font-size: 2em;
+  margin-top: 1em;
+  margin-bottom: 0.34em;
 }
 
-h1 {margin-top: 1em; margin-bottom: 0.34em}
 h2 {margin-top: 1.25em; margin-bottom: 0.41em}
 h3 {margin-top: 1.5em; margin-bottom: 0.5em}
 
@@ -24,17 +34,19 @@ hr{
   height:2px
 }
 
-a {border-bottom: .125em dashed #bdbdbd}
-
 a {
   color:#047bc2;
-  text-decoration:none;
-  transition:color .1s ease-in-out
+  transition:color .1s ease-in-out;
 }
 
-a:hover, a:focus, a:active {color:#047bc2}
-
-a:hover, a:focus {border-bottom-color: #047bc2}
+a:link,
+a:hover,
+a:focus,
+a:active {
+  color:#047bc2;
+  text-decoration: underline;
+  text-underline-offset:.2rem
+}
 
 span.published, span.updated {
   display: center;
@@ -43,9 +55,9 @@ span.published, span.updated {
 
 code {
   font-family: monospace;
-  padding-left:0.1em;
-  padding-right:0.1em;
-  border-radius:4px;
+  padding-left: 0.1em;
+  padding-right: 0.1em;
+  border-radius: 4px;
   background-color: #fafafa;
 }
 
@@ -62,6 +74,10 @@ pre {
   background-color: #fafafa;
 }
 
+.meta {
+  display: row;
+}
+
 .meta_tags {
   border-radius: 8px;
   padding: 0 .5rem;
@@ -73,6 +89,7 @@ pre {
 .meta_tags a {
   text-decoration: none;
   border-bottom: none;
+  color: #005a9c;
 }
 
 .meta_date {
@@ -102,7 +119,7 @@ table, th, td {
 }
 
 blockquote {
-  font-size: 1.125em;
+  font-size: 1em;
   font-style: italic;
   margin: 0 0 1.5em;
   padding-left: 1em;
@@ -115,6 +132,13 @@ nav {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  padding-top: 0.5rem;
+}
+
+@media screen and (min-width:58rem) {
+  nav {
+    max-width: calc(45rem + 15rem);
+  }
 }
 
 .nav-links {
@@ -127,9 +151,48 @@ nav {
   padding-right: 10px;
 }
 
-.toc {
-  border: 1px solid black;
-  padding: 1em;
-  margin-top: 1em;
-  color: black;
+article {
+  max-width: 45rem;
+}
+
+.toc {display: none}
+
+#toc_small {
+  font-size: 0.9rem;
+  margin-bottom: 2rem;
+  margin-top: 2rem;
+}
+@media screen and (min-width:58rem) {
+  #toc_small {display: none;}
+}
+
+summary {
+  display:flex;
+  flex-direction:column;
+}
+
+#TableOfContents > ul, #TableOfContents > ul > li > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+#TableOfContents li {margin-bottom: 1rem;}
+
+@media screen and (min-width:58rem) {
+  .toc {
+    padding-left: 1rem;
+    padding-top: 4.5rem;
+    font-size: 0.8em;
+    display:block;
+    position:sticky;
+    top:0;
+    align-self:flex-start;
+    max-width:15rem;
+    z-index:1;
+  }
+  #TableOfContents {
+    border-left: 3px solid #eee;
+    padding-left: 1rem;
+  }
 }
-- 
cgit v1.2.3


From e9dd95b6d50c2030a0efe819257ff557f8fbf2a8 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 19:11:39 -0800
Subject: CSS: switch from class to id

These elements are unique on each page.
---
 users/fcuny/blog/static/css/custom.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 80b07a0..3f4a142 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -74,27 +74,27 @@ pre {
   background-color: #fafafa;
 }
 
-.meta {
+#meta {
   display: row;
 }
 
-.meta_tags {
+#meta_tags {
   border-radius: 8px;
   padding: 0 .5rem;
-  font-size: 80%;
+  font-size: 0.9rem;
   border: 2px solid #eee;
   background-color: #eee;
 }
 
-.meta_tags a {
+#meta_tags a {
   text-decoration: none;
   border-bottom: none;
   color: #005a9c;
 }
 
-.meta_date {
+#meta_date {
   font-style: italic;
-  font-size: 80%;
+  font-size: 0.9rem;
 }
 
 table {
@@ -155,7 +155,7 @@ article {
   max-width: 45rem;
 }
 
-.toc {display: none}
+#toc {display: none}
 
 #toc_small {
   font-size: 0.9rem;
@@ -180,10 +180,10 @@ summary {
 #TableOfContents li {margin-bottom: 1rem;}
 
 @media screen and (min-width:58rem) {
-  .toc {
+  #toc {
     padding-left: 1rem;
     padding-top: 4.5rem;
-    font-size: 0.8em;
+    font-size: 0.9rem;
     display:block;
     position:sticky;
     top:0;
-- 
cgit v1.2.3


From f84fad933c7fb0446b042bf33d1ae5f960e9920d Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 19:22:15 -0800
Subject: CSS: adjust some font sizes

---
 users/fcuny/blog/static/css/custom.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 3f4a142..c802354 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -19,7 +19,7 @@ body {
 }
 
 h1 {
-  font-size: 2em;
+  font-size: 2rem;
   margin-top: 1em;
   margin-bottom: 0.34em;
 }
@@ -119,7 +119,7 @@ table, th, td {
 }
 
 blockquote {
-  font-size: 1em;
+  font-size: 0.95rem;
   font-style: italic;
   margin: 0 0 1.5em;
   padding-left: 1em;
-- 
cgit v1.2.3


From 26c15f90a97c21304d3a4494ad28d66d374fff0a Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 23 Jan 2022 19:55:55 -0800
Subject: CSS: improve readability

Using Firefox' accessibility tool as a guide.
---
 users/fcuny/blog/static/css/custom.css | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index c802354..ae6d674 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -55,21 +55,24 @@ span.published, span.updated {
 
 code {
   font-family: monospace;
-  padding-left: 0.1em;
-  padding-right: 0.1em;
+  padding-left: 0.2em;
+  padding-right: 0.2em;
   border-radius: 4px;
-  background-color: #fafafa;
 }
 
-p code {color: #f8546a}
+p code {
+  color: black;
+  background-color: #eee;
+  padding: 0 0.2rem;
+}
 
 pre {
   font-family: monospace;
   margin: 0;
   word-wrap: normal;
-  padding:1.125em;
+  padding: 0.8em;
   overflow-x: auto;
-  border: 1px solid #ccc;
+  border: 1px solid #eee;
   border-radius: 3px;
   background-color: #fafafa;
 }
-- 
cgit v1.2.3


From 7ac496c860a8e6f57d3bab1207b1f677c9b6a835 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Wed, 16 Feb 2022 09:17:35 -0800
Subject: layout: improve readability and remove /notes

The notes will be moved to a different site/repository, with their own
style.

Update the index page to make it more readable. Make the header more
visible with fewer links.

Add a footer, with links using SVG icons.
---
 users/fcuny/blog/static/css/custom.css | 120 ++++++++++++++++-----------------
 1 file changed, 60 insertions(+), 60 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index ae6d674..70ce618 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -1,37 +1,40 @@
 body {
   font-family: sans-serif;
-  font-size: 1.125em;
-  line-height: 1.5;
-  color: #37474f;
+  font-size: 1em;
+  line-height: 1.8em;
+  color: #0e0e0b;
   margin: 1em auto;
   padding: 0 0.55em;
-  max-width: 45rem;
-}
-
-@media screen and (min-width:58rem) {
-  body,
-  main {
-    max-width:calc(45rem + 15rem);
-  }
-  main {
-    display: flex;
-  }
+  max-width: 50rem;
 }
 
 h1 {
+  color: #0e0e0b;
   font-size: 2rem;
   margin-top: 1em;
   margin-bottom: 0.34em;
 }
 
-h2 {margin-top: 1.25em; margin-bottom: 0.41em}
-h3 {margin-top: 1.5em; margin-bottom: 0.5em}
+h2, h3 {
+  border-bottom: 1px solid #eee;
+  font-style: italic;
+}
+h2 {
+  margin-top: 1.25em;
+  margin-bottom: 0.41em;
+  font-size: 1.4rem;
+}
+h3 {
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  font-size: 1.2rem;
+}
 
 hr{
   color:#000111;
   background-color:#000111;
   border:none;
-  height:2px
+  height:1px
 }
 
 a {
@@ -64,10 +67,12 @@ p code {
   color: black;
   background-color: #eee;
   padding: 0 0.2rem;
+  font-size: 1.1em;
 }
 
 pre {
   font-family: monospace;
+  font-size: 1.1em;
   margin: 0;
   word-wrap: normal;
   padding: 0.8em;
@@ -130,20 +135,15 @@ blockquote {
 }
 
 nav {
-  width: 100%;
   padding-right: 10px;
+  font-size: 1.4em;
   display: flex;
+  font-family: monospace;
   justify-content: space-between;
   align-items: center;
   padding-top: 0.5rem;
 }
 
-@media screen and (min-width:58rem) {
-  nav {
-    max-width: calc(45rem + 15rem);
-  }
-}
-
 .nav-links {
   list-style: none;
   display: flex;
@@ -151,51 +151,51 @@ nav {
 
 .navbar a {
   display: inline-block;
-  padding-right: 10px;
+  text-decoration: none;
+}
+
+.navbar a:hover {
+  background-color: #b72d2d;
+  color: #fafafa;
+  text-decoration: none;
+}
+
+.nav-bold {
+  font-weight: 700;
+  color: #b72d2d;
+  text-decoration: none;
 }
 
 article {
-  max-width: 45rem;
+  text-align: justify;
 }
 
-#toc {display: none}
+.post-permalink {
+  list-style: none;
+  margin-left: -20px;
+}
 
-#toc_small {
-  font-size: 0.9rem;
-  margin-bottom: 2rem;
-  margin-top: 2rem;
+.post-date {
+  font-family: monospace;
+  font-weight: 400;
+  font-size: 1.1em;
 }
-@media screen and (min-width:58rem) {
-  #toc_small {display: none;}
+
+footer {
+  border-top: 2px solid #eee;
+  margin-top: 2em;
+  display: flex;
+  flex-direction: row;
+  justify-content: left;
+  align-items: left;
 }
 
-summary {
-  display:flex;
-  flex-direction:column;
+footer a, footer a:link, footer a:focus, footer a:active, footer a:hover {
+  color: black;
+  text-decoration: none;
+  padding: 5px;
 }
 
-#TableOfContents > ul, #TableOfContents > ul > li > ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-#TableOfContents li {margin-bottom: 1rem;}
-
-@media screen and (min-width:58rem) {
-  #toc {
-    padding-left: 1rem;
-    padding-top: 4.5rem;
-    font-size: 0.9rem;
-    display:block;
-    position:sticky;
-    top:0;
-    align-self:flex-start;
-    max-width:15rem;
-    z-index:1;
-  }
-  #TableOfContents {
-    border-left: 3px solid #eee;
-    padding-left: 1rem;
-  }
+footer a:not(:first-child) {
+  margin-left: 15px;
 }
-- 
cgit v1.2.3