bunch of style modifications (green-dark mode) and simplifications to page layout

_static/customizations.css

@@ -23,3 +23,35 @@
     align-items: center;
     justify-content: center;
 }
+
+html[data-theme="dark"] {
+    --pst-color-background: #060606;
+    --pst-color-primary: #4caf82;
+    --pst-color-surface: #0f0f0f;
+    --pst-color-on-background: #0f0f0f;
+    --pst-color-target: #1a3d2e;
+    --pst-color-accent: #6dcf9e;
+    --pst-color-link-hover: #6dcf9e;
+}
+
+html[data-theme="dark"] .bd-header {
+    background-color: #2a6b4d !important;
+}
+
+div.highlight,
+div.highlight pre,
+.admonition {
+    border-radius: 0.8rem;
+}
+
+.navbar-header-items__end {
+    margin-left: auto;
+}
+
+html[data-theme="dark"] .headerlink {
+    color: #4caf82;
+}
+
+html[data-theme="dark"] #pst-back-to-top {
+    background-color: #4caf82;
+}

_templates/aboutme.html

@@ -1,23 +1,74 @@
 <div class="ablog-sidebar-item">
+    <h3>About me</h3>
+    <div class="row">
+        <div class="column left centered-content">
+            <img src="{{ pathto('me.png', 1) }}" width="100" />
+        </div>
+        <div class="column right">
+            <div class="row">
+                <p>
+                    I'm an embedded software engineer who enjoys building
+                    reliable, well-tested and fast code. Besides embedded
+                    development I also dabble in DevOps, self-hosting and making
+                    stuff. My other hobbies include board games and travelling.
+                </p>
+            </div>
+        </div>
+    </div>
     <h3>Links</h3>
     <div class="row" style="margin-bottom: 7px">
-        <a href="https://github.com/len0rd" target="_blank" rel="noopener" style="display: flex; align-items: center; text-decoration: none;">
+        <a
-            <svg height="24" width="24" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="margin-right: 8px;">
+            href="https://github.com/len0rd"
-            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38
+            target="_blank"
+            rel="noopener"
+            style="display: flex; align-items: center; text-decoration: none"
+        >
+            <svg
+                height="24"
+                width="24"
+                viewBox="0 0 16 16"
+                fill="currentColor"
+                aria-hidden="true"
+                style="margin-right: 8px"
+            >
+                <path
+                    d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38
             0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52
             -.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2
             -3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82
             .64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08
             2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01
-            1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+            1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
+                />
             </svg>
             <span>Github</span>
         </a>
     </div>
     <div class="row" style="margin-bottom: 5px">
-        <a href="https://boardgamegeek.com/user/len0rd" target="_blank" rel="noopener" style="display: flex; align-items: center; text-decoration: none;">
+        <a
-            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" style="margin-right: 8px;">
+            href="https://boardgamegeek.com/user/len0rd"
-                <rect x="3" y="3" width="18" height="18" rx="4" fill="currentColor" stroke="currentColor" stroke-width="2"/>
+            target="_blank"
+            rel="noopener"
+            style="display: flex; align-items: center; text-decoration: none"
+        >
+            <svg
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+                aria-hidden="true"
+                style="margin-right: 8px"
+            >
+                <rect
+                    x="3"
+                    y="3"
+                    width="18"
+                    height="18"
+                    rx="4"
+                    fill="currentColor"
+                    stroke="currentColor"
+                    stroke-width="2"
+                />
                 <circle cx="7" cy="7" r="1.5" fill="#fff" />
                 <circle cx="12" cy="7" r="1.5" fill="#fff" />
                 <circle cx="17" cy="7" r="1.5" fill="#fff" />
@@ -29,29 +80,43 @@
         </a>
     </div>
     <div class="row" style="margin-bottom: 15px">
-        <a href="https://www.printables.com/@len0rd_527458" target="_blank" rel="noopener" style="display: flex; align-items: center; text-decoration: none;">
+        <a
-            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" style="margin-right: 8px;">
+            href="https://www.printables.com/@len0rd_527458"
-                <rect x="3" y="3" width="18" height="18" rx="4" fill="currentColor" stroke="currentColor" stroke-width="2" />
+            target="_blank"
-                <text x="12" y="17" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="13" font-weight="bold" fill="#fff">P</text>
+            rel="noopener"
+            style="display: flex; align-items: center; text-decoration: none"
+        >
+            <svg
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+                aria-hidden="true"
+                style="margin-right: 8px"
+            >
+                <rect
+                    x="3"
+                    y="3"
+                    width="18"
+                    height="18"
+                    rx="4"
+                    fill="currentColor"
+                    stroke="currentColor"
+                    stroke-width="2"
+                />
+                <text
+                    x="12"
+                    y="17"
+                    text-anchor="middle"
+                    font-family="Arial, Helvetica, sans-serif"
+                    font-size="13"
+                    font-weight="bold"
+                    fill="#fff"
+                >
+                    P
+                </text>
             </svg>
             <span>Printables</span>
         </a>
     </div>
-    <h3>About me</h3>
-    <div class="row">
-        <div class="column left centered-content">
-            <img src="{{ pathto('me.png', 1) }}" width="100"/>
 </div>
-        <div class="column right">
-            <div class="row">
-                <p>
-                    I'm an embedded software engineer who enjoys building reliable, well-tested and fast
-                    code. Besides embedded development I also dabble in DevOps, self-hosting and making stuff.
-                    My other hobbies include board games and travelling.
-                </p>
-            </div>
-        </div>
-    </div>
-</div>
-
-

conf.py

@@ -1,12 +1,13 @@
 # Sphinx docs configuration for building project documentation
 from datetime import datetime
-from pygments.lexer import RegexLexer, bygroups
+
 from pygments import token
+from pygments.lexer import RegexLexer, bygroups
 from sphinx.highlighting import lexers
 
 project = "lenordsNet"
 author = "lenord"
-copyright = f"{datetime.now().year}, lenordsNet"
+copyright = f"{datetime.now().year}, lenord.net"
 
 extensions = [
     "sphinxcontrib.youtube",
@@ -29,11 +30,16 @@ fontawesome_included = True
 html_baseurl = blog_baseurl
 html_title = blog_title
 
+html_show_sourcelink = False
 html_theme = "pydata_sphinx_theme"
 html_theme_options = {
     "search_bar_text": "search ...",
     "show_prev_next": False,
     "navbar_center": [],
+    "show_source_link": False,
+    "secondary_sidebar_items": [],
+    "pygments_light_style": "lightbulb",
+    "pygments_dark_style": "lightbulb",
 }
 html_favicon = "assets/img/favicon.ico"
 
@@ -55,20 +61,18 @@ html_js_files = [
 
 html_sidebars = {
     "*": [
-        "ablog/recentposts.html",
-        "ablog/archives.html",
         "aboutme.html",
     ],
     "posts/**": [
         "ablog/postcard.html",
-        "ablog/recentposts.html",
+        "page-toc",
-        "ablog/archives.html",
     ],
 }
 
-html_context = {"html_title": html_title}
+html_context = {
-
+    "html_title": html_title,
-pygments_style = "sas"
+    "default_mode": "dark",
+}
 
 
 class CanbusDbcLexer(RegexLexer):
@@ -138,7 +142,7 @@ class CanbusDbcLexer(RegexLexer):
         ],
         "comment": [
             (
-                r'(\s+)(BO_)(\s+)(\d+)(\s+)',
+                r"(\s+)(BO_)(\s+)(\d+)(\s+)",
                 bygroups(
                     token.Whitespace,
                     token.Keyword,
@@ -148,7 +152,7 @@ class CanbusDbcLexer(RegexLexer):
                 ),
             ),
             (
-                r'(\s+)(SG_)(\s+)(\d+)(\s+)(\w+)(\s+)',
+                r"(\s+)(SG_)(\s+)(\d+)(\s+)(\w+)(\s+)",
                 bygroups(
                     token.Whitespace,
                     token.Keyword,