aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSébastien Dailly <sebastien@chimrod.com>2021-11-18 15:01:34 +0100
committerSébastien Dailly <sebastien@dailly.me>2022-02-01 18:38:01 +0100
commitfd7831b25447ff5d79aea62fbf3d6f4307522fd5 (patch)
tree029b8a97ce5e78dae91124561e26bba6e95a6f35
parent4074d0a6adbdef0591578f477d9068a07ba5fd94 (diff)
Update theme
-rwxr-xr-xpelicanconf.py2
-rwxr-xr-xtheme/custom/base.html4
-rwxr-xr-xtheme/custom/custom.css75
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;
+}