From 181ab0399d23a8edb732610d8e545ed227136908 Mon Sep 17 00:00:00 2001
From: Alan Pearce
Date: Fri, 23 Jun 2023 09:05:57 +0200
Subject: Make style a css file (although zola requires .html extension)
---
templates/feed-styles.html | 2 +
themes/bear/templates/base.html | 2 +
themes/bear/templates/style.css | 194 +++++++++++++++++++++++++++++++++++++++
themes/bear/templates/style.html | 183 +-----------------------------------
4 files changed, 199 insertions(+), 182 deletions(-)
create mode 100644 themes/bear/templates/style.css
mode change 100644 => 120000 themes/bear/templates/style.html
diff --git a/templates/feed-styles.html b/templates/feed-styles.html
index a6cae59..66dac33 100644
--- a/templates/feed-styles.html
+++ b/templates/feed-styles.html
@@ -12,7 +12,9 @@
+
diff --git a/themes/bear/templates/base.html b/themes/bear/templates/base.html
index 4ba8442..3b5340e 100644
--- a/themes/bear/templates/base.html
+++ b/themes/bear/templates/base.html
@@ -12,7 +12,9 @@
{%- endblock -%}
{%- endif %}
+
{% include "custom_head.html" ignore missing -%}
diff --git a/themes/bear/templates/style.css b/themes/bear/templates/style.css
new file mode 100644
index 0000000..49b3680
--- /dev/null
+++ b/themes/bear/templates/style.css
@@ -0,0 +1,194 @@
+/* -*- mode: css; -*- */
+body {
+ font-family: Verdana, sans-serif;
+ margin: auto;
+ padding: 20px;
+ max-width: 720px;
+ text-align: left;
+ background-color: #fff;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ line-height: 1.5;
+ color: #444;
+}
+
+.skip {
+ position: absolute;
+ top: -3em;
+ background: #fff;
+}
+.skip:focus {
+ top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong,
+b {
+ color: #222;
+}
+
+a {
+ color: #3273dc;
+}
+
+.title {
+ color: #222;
+ text-decoration: none;
+ border: 0;
+}
+
+time {
+ font-style: italic;
+}
+
+.title span {
+ font-weight: 400;
+}
+
+nav a {
+ margin-right: 10px;
+}
+
+.tags {
+ padding: unset;
+ font-size: small;
+}
+
+.tags > li {
+ list-style: none;
+ display: inline-block;
+}
+
+textarea {
+ width: 100%;
+ font-size: 1rem;
+}
+
+input {
+ font-size: 1rem;
+}
+
+main,article {
+ line-height: 1.6;
+}
+
+table {
+ width: 100%;
+}
+
+img {
+ max-width: 100%;
+}
+
+code {
+ padding: 2px 5px;
+ background-color: #f2f2f2;
+}
+
+pre code {
+ color: #222;
+ display: block;
+ padding: 20px;
+ white-space: pre-wrap;
+ font-size: 0.875rem;
+ overflow-x: auto;
+}
+
+div.highlight pre {
+ background-color: initial;
+ color: initial;
+}
+
+div.highlight code {
+ background-color: unset;
+ color: unset;
+}
+
+blockquote {
+ border-left: 1px solid #999;
+ color: #222;
+ padding-left: 20px;
+ font-style: italic;
+}
+
+footer {
+ padding: 25px;
+ text-align: center;
+}
+
+.helptext {
+ color: #777;
+ font-size: small;
+}
+
+.errorlist {
+ color: #eba613;
+ font-size: small;
+}
+
+/* blog posts */
+ul.blog-posts {
+ list-style-type: none;
+ padding: unset;
+}
+
+ul.blog-posts li {
+ display: flex;
+}
+
+ul.blog-posts li span {
+ flex: 0 0 130px;
+}
+
+ul.blog-posts li a:visited {
+ color: #8b6fcb;
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ background-color: #333;
+ color: #ddd;
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ strong,
+ b {
+ color: #eee;
+ }
+
+ a {
+ color: #8cc2dd;
+ }
+
+ code {
+ background-color: #777;
+ }
+
+ pre code {
+ color: #ddd;
+ }
+
+ blockquote {
+ color: #ccc;
+ }
+
+ textarea,
+ input {
+ background-color: #252525;
+ color: #ddd;
+ }
+
+ .helptext {
+ color: #aaa;
+ }
+}
diff --git a/themes/bear/templates/style.html b/themes/bear/templates/style.html
deleted file mode 100644
index 9015890..0000000
--- a/themes/bear/templates/style.html
+++ /dev/null
@@ -1,182 +0,0 @@
-
diff --git a/themes/bear/templates/style.html b/themes/bear/templates/style.html
new file mode 120000
index 0000000..f6b71cc
--- /dev/null
+++ b/themes/bear/templates/style.html
@@ -0,0 +1 @@
+style.css
\ No newline at end of file
--
cgit 1.4.1