From 8ca7e31fd33cf34ba0b9c3de226ab2caeab99da2 Mon Sep 17 00:00:00 2001 From: Matt Gibson Date: Fri, 5 Apr 2024 19:23:17 +1100 Subject: [PATCH] fiddle with css --- pelicanconf.py | 7 +++ requirements.txt | 1 + themes/my-basic/static/css/style.css | 67 +++++++++++++++++++++++----- themes/my-basic/templates/base.html | 2 + 4 files changed, 66 insertions(+), 11 deletions(-) diff --git a/pelicanconf.py b/pelicanconf.py index 37df54a..e4ee673 100644 --- a/pelicanconf.py +++ b/pelicanconf.py @@ -55,6 +55,13 @@ "extra/favicon.ico": {"path": "favicon.ico"}, } +SITEMAP = { + "format": "txt", + "priorities": {"articles": 0.5, "indexes": 0.5, "pages": 0.5}, + "changefreqs": {"articles": "monthly", "indexes": "daily", "pages": "monthly"}, +} + + # IGNORE_FILES = ["drafts/*"] # #### URL settings #### diff --git a/requirements.txt b/requirements.txt index 61f76ce..fc12ed3 100644 --- a/requirements.txt +++ b/requirements.txt @@ -10,6 +10,7 @@ MarkupSafe==2.1.3 mdurl==0.1.2 ordered-set==4.1.0 pelican==4.9.1 +pelican-sitemap==1.1.0 Pygments==2.17.2 python-dateutil==2.8.2 pytz==2023.3.post1 diff --git a/themes/my-basic/static/css/style.css b/themes/my-basic/static/css/style.css index bc506af..b4788d6 100644 --- a/themes/my-basic/static/css/style.css +++ b/themes/my-basic/static/css/style.css @@ -1,9 +1,24 @@ :root { --my-monospace-code: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace; - --my-bg-color: #fff; + + --my-neo-grotesque: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif; + --my-text-color: hsl(205, 16%, 77%); + --my-bg-color: #11191f; --my-link-color: navy; --my-header-link-color: black; + + --h1-color: hsl(205, 20%, 94%); + --h2-color: #e1e6eb; + --h3-color: hsl(205, 18%, 86%); + + + --primary: hsl(195, 85%, 41%); + --primary-hover: hsl(195, 80%, 50%); + /* --primary-focus: rgba(16, 149, 193, 0.25); */ + /* --secondary: hsl(205, 15%, 41%); */ + --primary-visited: hsl(195, 85%, 31%); + --small-font-size: 75%; --border: #ccc; @@ -17,7 +32,7 @@ body { font-size: clamp(1em, 0.909em + 0.45vmin, 1.25em); background-color: var(--my-bg-color); - color: #111; + color: var(--my-text-color); /* should be about 50-70 characters wide */ max-width: 70ch; @@ -36,20 +51,42 @@ body { /* Typographical settings */ h1, h2, h3 { line-height: 1.1rem; + font-weight: 600; + } +/* Headings */ h1 { - font-size: 2.35em; + font-size: 2em; + color: var(--h1-color); } h2 { - font-size: 2em; + font-size: 1.512em; + color: var(--h2-color); } +/* 22px */ h3 { - font-size: 1.75em; + font-size: 1.429em; + color: var(--h3-color); } +/* 20px */ +/* h4 { + font-size: 1.286em +} */ + +/* 18px */ +/* h5 { + font-size: 1.143em +} */ + +/* 16px */ +/* h6 { + font-size: 1em +} */ + small, sub, sup { font-size: var(--small-font-size); @@ -80,13 +117,13 @@ hgroup h1 a:hover, hgroup h1 a:visited, hgroup h1 a:link { } header a:link { - color: var(--my-header-link-color); + color: var(--h1-color); text-decoration: underline; } header a:hover, header a:visited { - color: var(--my-header-link-color); + color: var(--h1-color); text-decoration: underline; text-decoration-thickness: 0.1em; } @@ -94,17 +131,25 @@ header a:visited { main a:link { - color: var(--my-link-color); + color: var(--primary); text-decoration: none; } -main a:hover, -main a:visited { - color: var(--my-link-color); +main a:hover { + color: var(--primary-hover); text-decoration: underline; text-decoration-thickness: 0.1em; } +main a:visited { + color: var(--primary-visited); + text-decoration: underline; + text-decoration-thickness: 0.1em; +} + +/* main article { + font-family: var(--my-neo-grotesque); +} */ /* styling for code */ diff --git a/themes/my-basic/templates/base.html b/themes/my-basic/templates/base.html index 1355609..ae792ea 100644 --- a/themes/my-basic/templates/base.html +++ b/themes/my-basic/templates/base.html @@ -88,6 +88,8 @@

{{ SITENAME }}

{% block content %} {% endblock %} + +