From 8a569f85348033146bc018bd80ac343ef7ab39e8 Mon Sep 17 00:00:00 2001 From: Christian Cleberg Date: Tue, 14 Oct 2025 23:20:22 -0500 Subject: update theme --- theme/static/styles.css | 115 ++++++++++++++++++++++++++++++++++++--------- theme/templates/base.html | 14 +++--- theme/templates/blog.html | 5 +- theme/templates/index.html | 3 +- theme/templates/post.html | 2 +- 5 files changed, 105 insertions(+), 34 deletions(-) (limited to 'theme') diff --git a/theme/static/styles.css b/theme/static/styles.css index 6ce8031..1e8df40 100644 --- a/theme/static/styles.css +++ b/theme/static/styles.css @@ -1,16 +1,73 @@ +:root { + --bg: #fafafa; + --bg-light: #f0f0f0; + --fg: #1b2229; + --fg-light: #383a42; + --link: #014980; + --code: #e45649; +} + body { - max-width: 50em; - margin: 1.5rem; + background-color: var(--bg); + color: var(--fg-light); + font-family: Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida Console, monospace; + font-size: 0.9rem; + line-height: 1.4rem; + margin: 1.5rem; + max-width: 45em; +} + +a { + padding: 0 0.15rem; + text-decoration: none; +} + +a,a:active { + color: var(--link); +} + +a:hover { + background-color: var(--link); + color: var(--bg); +} + +h1,h2,h3,h4,h5,h6 { + color: var(--fg); + font-size: 1rem; + text-transform: uppercase; +} + +nav { + align-items: center; + display: flex; + justify-content: space-around; + width: 100%; } nav ul { - list-style-type: none; - display: flex; - padding: 0; + display: flex; + list-style-type: none; + margin: 0; + padding: 0; + width: 100%; } nav ul li { - margin-right: 0.5rem; + height: 100%; + margin-bottom: 0.5rem; + margin-right: 0.5rem; + text-align: center; +} + +blockquote { + background-color: var(--bg-light); + border-left: 8px solid var(--link); + margin: 1rem 0; + padding: 0.5rem 1rem; +} + +blockquote p { + margin: 0; } img { @@ -19,11 +76,15 @@ img { } table { - border: 1px solid #111; + border: 1px dotted var(--fg); border-collapse: collapse; width: 100%; } +colgroup, thead, tbody { + border: 1px dotted var(--fg); +} + pre, pre>code, code { @@ -31,31 +92,41 @@ code { } pre { - border: 1px solid #111; + border: 1px dotted var(--fg); margin: 0.5rem 0; - padding: 0.5rem; overflow-x: auto; + padding: 0.5rem; } time { - display: block; + margin-right: 0.5rem; } :not(pre)>code { - color: #f00; + color: var(--code); } -@media (prefers-color-scheme: dark) { - body { - background-color: #222; - color: #eee; - } - - a { - color: #add8e6; - } +.post { + align-items: flex-start; + display: flex; + margin: 0.5rem 0; +} + +.post time { + margin-right: 1rem; +} + +footer { + margin: 1rem 0; +} - pre { - border-color: #eee; +@media (prefers-color-scheme: dark) { + :root { + --bg: #000000; + --bg-light: #1B2229; + --fg: #DFDFDF; + --fg-light: #BBC2CF; + --link: #047ACE; + --code: #FF6C6B; } } \ No newline at end of file diff --git a/theme/templates/base.html b/theme/templates/base.html index 4c06aea..cafe476 100644 --- a/theme/templates/base.html +++ b/theme/templates/base.html @@ -19,18 +19,18 @@
{% block main %}{% endblock %}
diff --git a/theme/templates/blog.html b/theme/templates/blog.html index b42959d..5aa3293 100644 --- a/theme/templates/blog.html +++ b/theme/templates/blog.html @@ -10,11 +10,10 @@ main %}


{% for post in posts %} -
+
{{ post.date|strftime("%Y-%m-%d") }} {{ post.title }}
-
{% endfor %} {% endblock %} diff --git a/theme/templates/index.html b/theme/templates/index.html index c540e09..71d98e5 100644 --- a/theme/templates/index.html +++ b/theme/templates/index.html @@ -1,6 +1,6 @@ {% extends "base.html" %} {% block main %}
-

Hi, I'm Christian.

+

christian cleberg

shouganai
[sho-ga-n-eye] | しょうがない @@ -12,5 +12,6 @@

Recent Posts

+

All Posts →

{% endblock %} diff --git a/theme/templates/post.html b/theme/templates/post.html index 9300fb5..aa74ece 100644 --- a/theme/templates/post.html +++ b/theme/templates/post.html @@ -12,7 +12,7 @@

{{ post.title }}

{% if post.date is defined %} {{ post.date|strftime("%Y-%m-%d %H:%M:%S") }} {% endif %} -- cgit v1.2.3-70-g09d2