From 3a2d198d153efc8a69e7640f7dcde88207268ff3 Mon Sep 17 00:00:00 2001 From: Alan Pearce Date: Fri, 22 Sep 2023 08:40:59 +0200 Subject: Replace zola with DOM-based static site generation code --- templates/404.html | 37 +++++++++ templates/feed-styles.html | 84 ------------------- templates/feed-styles.xsl | 82 +++++++++++++++++++ templates/feed.xml | 24 ++++++ templates/footer.html | 1 - templates/index.html | 99 ++++++++++++++--------- templates/post.html | 50 ++++++++++++ templates/style.css | 196 +++++++++++++++++++++++++++++++++++++++++++++ templates/tag.html | 49 ++++++++++++ templates/tags.html | 40 +++++++++ 10 files changed, 540 insertions(+), 122 deletions(-) create mode 100644 templates/404.html delete mode 100644 templates/feed-styles.html create mode 100644 templates/feed-styles.xsl create mode 100644 templates/feed.xml delete mode 100644 templates/footer.html create mode 100644 templates/post.html create mode 100644 templates/style.css create mode 100644 templates/tag.html create mode 100644 templates/tags.html (limited to 'templates') diff --git a/templates/404.html b/templates/404.html new file mode 100644 index 0000000..4e64fcc --- /dev/null +++ b/templates/404.html @@ -0,0 +1,37 @@ + + + + + + Site Title + + + + + + +
+

+ Site title +

+ +
+
+

404

+

ʕノ•ᴥ•ʔノ ︵ ┻━┻

+
+ + + diff --git a/templates/feed-styles.html b/templates/feed-styles.html deleted file mode 100644 index a66ddc0..0000000 --- a/templates/feed-styles.html +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - RSS Feed | <xsl:value-of select="/atom:feed/atom:title"/> - - - - - - -
-
- This is an RSS feed. Subscribe by copying the URL - from the address bar into your newsreader. Visit - About Feeds - to learn more and get started. It's free. -
-
-

- - - - - - - - - - RSS Feed Preview | - - - -

- - -
-
- - - - diff --git a/templates/feed-styles.xsl b/templates/feed-styles.xsl new file mode 100644 index 0000000..0197e87 --- /dev/null +++ b/templates/feed-styles.xsl @@ -0,0 +1,82 @@ + + + + + + + RSS Feed | <xsl:value-of select="/atom:feed/atom:title"/> + + + + + + +
+
+ This is an RSS feed. Subscribe by copying the URL + from the address bar into your newsreader. Visit + About Feeds + to learn more and get started. It's free. +
+
+

+ + + + + + + + + + RSS Feed Preview | + + + +

+ + +
+
+ + + + diff --git a/templates/feed.xml b/templates/feed.xml new file mode 100644 index 0000000..ddc90dd --- /dev/null +++ b/templates/feed.xml @@ -0,0 +1,24 @@ + + + + Example Feed + + urn:uuid:60a76c80-d399-11d9-b91C-0003939e0af6 + 2003-12-13T18:30:02Z + + Atom-Powered Robots Run Amok + + urn:uuid:1225c695-cfb8-4ebb-aaaa-80da344efa6a + 2003-12-13T18:30:02Z + Some text. + +
+

This is the entry content.

+
+ + + John Doe + + + + diff --git a/templates/footer.html b/templates/footer.html deleted file mode 100644 index 422c90c..0000000 --- a/templates/footer.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/templates/index.html b/templates/index.html index a79b1c8..b4832a9 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,39 +1,64 @@ -{% extends "base.html" %} - -{% block body_attrs %} class="h-card vcard"{% endblock %} - -{% block title_class %} p-name fn{% endblock %} - -{% block main -%} -
-
- {{ section.content | safe -}} -
-
-

Latest Posts

- +
+
+

Elsewhere on the Internet

+ +
+
+ + + diff --git a/templates/post.html b/templates/post.html new file mode 100644 index 0000000..2a66058 --- /dev/null +++ b/templates/post.html @@ -0,0 +1,50 @@ + + + + + + + + + + + + +
+

+ +

+ +
+
+
+

Post Title

+

+ +

+
+ Enim lobortis scelerisque fermentum dui faucibus in ornare quam + viverra. Eget egestas purus viverra accumsan in nisl nisi, scelerisque + eu ultrices vitae, auctor eu augue ut lectus arcu, bibendum at. +
+ +
+
+ + + diff --git a/templates/style.css b/templates/style.css new file mode 100644 index 0000000..23722e1 --- /dev/null +++ b/templates/style.css @@ -0,0 +1,196 @@ +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; + padding-right: 1ex; +} + +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, + .title { + 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/templates/tag.html b/templates/tag.html new file mode 100644 index 0000000..ae5b8e9 --- /dev/null +++ b/templates/tag.html @@ -0,0 +1,49 @@ + + + + + + Site Title + + + + + + +
+

+ Site Title +

+ +
+
+ +
+ + + diff --git a/templates/tags.html b/templates/tags.html new file mode 100644 index 0000000..a724c62 --- /dev/null +++ b/templates/tags.html @@ -0,0 +1,40 @@ + + + + + + Site Title + + + + + + +
+

+ Site title +

+ +
+
+ +
+ + + -- cgit 1.4.1