fiddle with css

urbanophile · Apr 5, 2024 · 8ca7e31 · 8ca7e31
1 parent 37adaaf
commit 8ca7e31
Show file tree

Hide file tree

Showing 4 changed files with 66 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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,31 +117,39 @@ 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;
 }
 
 
 
 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
@@ -88,6 +88,8 @@ <h1><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
   <main>
     {% block content %}
     {% endblock %}
+
+
   </main>
   <footer>
     © 2024 All rights reserved.