From fd7831b25447ff5d79aea62fbf3d6f4307522fd5 Mon Sep 17 00:00:00 2001
From: Sébastien Dailly <sebastien@chimrod.com>
Date: Thu, 18 Nov 2021 15:01:34 +0100
Subject: Update theme

---
 pelicanconf.py          |  2 +-
 theme/custom/base.html  |  4 ++-
 theme/custom/custom.css | 75 ++++++++++++++++++++++++++++++++++++++++---------
 3 files changed, 65 insertions(+), 16 deletions(-)

diff --git a/pelicanconf.py b/pelicanconf.py
index 68081b7..dace3c0 100755
--- a/pelicanconf.py
+++ b/pelicanconf.py
@@ -39,7 +39,7 @@ THEME= 'theme/Flex'
 PYGMENTS_STYLE = "monokai"
 SITELOGO= '/images/profile.png'
 SITETITLE= 'Chimrod'
-#CUSTOM_CSS='theme/custom.css'
+SITESUBTITLE = 'Des glyphes <span class="amp">&</span> du code'
 MAIN_MENU=False
 COPYRIGHT_NAME="Sébastien Dailly"
 
diff --git a/theme/custom/base.html b/theme/custom/base.html
index 3e9f42b..829cc1f 100755
--- a/theme/custom/base.html
+++ b/theme/custom/base.html
@@ -38,7 +38,9 @@
   {% endif %}
 
   {% if USE_GOOGLE_FONTS != False %}
-  <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,700;1,400&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@300&family=Source+Sans+Pro:ital,wght@0,300;1,300&display=swap" rel="stylesheet">
   {% endif %}
 
   {% if USE_LESS %}
diff --git a/theme/custom/custom.css b/theme/custom/custom.css
index 73f879b..c235968 100755
--- a/theme/custom/custom.css
+++ b/theme/custom/custom.css
@@ -5,6 +5,9 @@ html[data-theme="dark"] {
   --border-color: #4c566a;
   --link-color: #88c0d0;
   --link-hover-color: #d8dee9;
+  --link2-color: #5e81ac;
+  --link2-hover-color: #5e81ac;
+  --button-background-color: #3b4252;
 
 }
 
@@ -14,22 +17,31 @@ html[data-theme="light"] {
   --side-background-color: #2e3440;
   --border-color: #eee;
   --link-color: #5e81ac;
+  --link2-color: #5e81ac;
   --link-hover-color: #5e81ac;
+  --link2-hover-color: #5e81ac;
+  --button-background-color: #eceff4;
 }
 
-main article h1, main article h2 {
- color: #5e81ac;
+main article {
+  margin:0 10px 10px;
+}
+
+main article header p{
+ font-weight: lighter;
+}
+
+main article h1 a, main article h2 a, main article h1, main article h2 {
+ color: unset;
+ font-family: 'Noto Serif Display', serif;
 }
 
 main {
  font-size: 1.5em;
  line-height: 1.5em;
- /* Reduce the sidebar with to 20% */
- left: 20vw;
- width: 80vw;
+ font-weight: 300;
 }
 
-
 body {
  color: var(--main-text-color);
  background-color: var(--main-background-color);
@@ -37,6 +49,9 @@ body {
 a {
  color: var(--link-color);
 }
+.admonition a {
+ color: var(--link2-color);
+}
 aside {
  background-color: var(--side-background-color);
 }
@@ -46,18 +61,31 @@ aside a {
  color:#eceff4
 }
 
+aside nav ul li {
+ /* The text is in lower case by default, just remove it */
+ text-transform:
+}
+
 @media screen and (min-width:768px) {
+  /* Reduce the sidebar width to 20% */
  aside {
-    /* Reduce the sidebar with to 20% */
     width:20vw;
   }
+  main {
+    left: 20vw;
+    width: 80vw;
+  }
+  main article {
+    margin:0 50px 50px;
+  }
+
 }
 
 a.btn,
 .tag-cloud a,
 section#isso-thread section.auth-section p.post-action input {
- background-color: #4c566a;
- color:#fff;
+ background-color: var(--button-background-color);
+ color:unset;
 }
 a.btn:hover,
 .tag-cloud a:hover {
@@ -68,6 +96,10 @@ a:hover {
  color: var(--link-hover-color);
  text-decoration:underline
 }
+.admonition a:hover {
+ color: var(--link2-hover-color);
+ text-decoration:underline
+}
 aside a:hover {
  color:#d8dee9;
  text-decoration:none;
@@ -100,9 +132,6 @@ ul.social a.sc-github-alt {
 ul.social a.sc-envelope {
  background-color:#578ad6
 }
-main article table {
- width: 100%;
-}
 .theme-switch {
   color: unset;
   background-color: unset;
@@ -137,8 +166,8 @@ div.admonition pre {
  margin-bottom:0
 }
 div.admonition {
- color:#242121;
- background-color:#ccc
+ color: var(--main-background-color);
+ background-color: var(--main-text-color);
 }
 div.admonition.attention {
  color:#856404;
@@ -176,12 +205,19 @@ div.figure {
  font-size:90%;
  color:#6c757d
 }
+main article table {
+ width: 100%;
+ word-break: break-all;
+}
 main article table th.field-name {
     width: 10em;
     text-align: right;
     border-top: 0px;
     word-wrap:break-word;
 }
+main article table th {
+    border-top: 1px;
+}
 main article table td.field-body {
     border-top: 0px;
 }
@@ -194,3 +230,14 @@ main article :not(pre)>code {
  border:1px solid #e1e1e8;
  border-radius:3px
 }
+
+/* Add an overflow for math in order to prevent the expand the whole page */
+.math {
+ overflow: auto;
+}
+
+aside span.amp {
+   font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
+   font-size:110%;
+   font-style:italic;
+}
-- 
cgit v1.2.3