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

This commit is contained in:
len0rd 2026-04-30 18:12:43 -04:00
parent db038dab53
commit edb19a8da3
3 changed files with 147 additions and 46 deletions

View file

@ -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;
}

View file

@ -1,57 +1,122 @@
<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;">
<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
<a
href="https://github.com/len0rd"
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;">
<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"/>
<circle cx="7" cy="17" r="1.5" fill="#fff"/>
<circle cx="12" cy="17" r="1.5" fill="#fff"/>
<circle cx="17" cy="17" r="1.5" fill="#fff"/>
<a
href="https://boardgamegeek.com/user/len0rd"
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" />
<circle cx="7" cy="17" r="1.5" fill="#fff" />
<circle cx="12" cy="17" r="1.5" fill="#fff" />
<circle cx="17" cy="17" r="1.5" fill="#fff" />
</svg>
<span>BoardGameGeek</span>
</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;">
<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>
<a
href="https://www.printables.com/@len0rd_527458"
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"
/>
<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>

26
conf.py
View file

@ -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",
"ablog/archives.html",
"page-toc",
],
}
html_context = {"html_title": html_title}
pygments_style = "sas"
html_context = {
"html_title": html_title,
"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,