aboutsummaryrefslogtreecommitdiff
path: root/demo
diff options
context:
space:
mode:
authorhistoria <[not public]>2026-06-15 18:17:10 -0400
committerhistoria <[not public]>2026-06-15 18:17:10 -0400
commitfec892047e4c0b810981fa8f20223e0b1c4f72b4 (patch)
treea6fdc109a3a32ae383a88d01ba44322be4b8bcc3 /demo
parent193666c2bba01bb9bc1a21ac270c0affe15ea757 (diff)
downloadssg-blog-fec892047e4c0b810981fa8f20223e0b1c4f72b4.tar.gz
refactor. added rss feed.
Diffstat (limited to 'demo')
-rw-r--r--demo/demo.webpbin0 -> 19374 bytes
-rw-r--r--demo/dst/.files8
-rw-r--r--demo/dst/404.html32
-rw-r--r--demo/dst/about.html32
-rw-r--r--demo/dst/articles/an-interesting-article/assets/stamps.webpbin0 -> 46960 bytes
-rw-r--r--demo/dst/articles/an-interesting-article/index.html34
-rw-r--r--demo/dst/articles/another-interesting-article/assets/japanese-train.webpbin0 -> 128168 bytes
-rw-r--r--demo/dst/articles/another-interesting-article/index.html34
-rw-r--r--demo/dst/articles/article3.html32
-rw-r--r--demo/dst/favicon.pngbin0 -> 393 bytes
-rw-r--r--demo/dst/index.html37
-rw-r--r--demo/dst/lists/board-games.html38
-rw-r--r--demo/dst/lists/movies.html38
-rw-r--r--demo/dst/rss.xml39
-rw-r--r--demo/dst/sitemap.xml14
-rw-r--r--demo/dst/style.css54
-rw-r--r--demo/example.webpbin0 -> 15022 bytes
-rw-r--r--demo/src/404.md3
-rw-r--r--demo/src/_footer.html2
-rw-r--r--demo/src/_header.html28
-rw-r--r--demo/src/about.md3
-rw-r--r--demo/src/articles/an-interesting-article/assets/stamps.webpbin0 -> 46960 bytes
-rw-r--r--demo/src/articles/an-interesting-article/index.md12
-rw-r--r--demo/src/articles/another-interesting-article/assets/japanese-train.webpbin0 -> 128168 bytes
-rw-r--r--demo/src/articles/another-interesting-article/index.md12
-rw-r--r--demo/src/articles/article3.md8
-rw-r--r--demo/src/favicon.pngbin0 -> 393 bytes
-rw-r--r--demo/src/lists/board-games.md14
-rw-r--r--demo/src/lists/movies.md13
-rw-r--r--demo/src/style.css54
30 files changed, 541 insertions, 0 deletions
diff --git a/demo/demo.webp b/demo/demo.webp
new file mode 100644
index 0000000..40f42d0
--- /dev/null
+++ b/demo/demo.webp
Binary files differ
diff --git a/demo/dst/.files b/demo/dst/.files
new file mode 100644
index 0000000..f7d8b18
--- /dev/null
+++ b/demo/dst/.files
@@ -0,0 +1,8 @@
+./404.md
+./about.md
+./lists/movies.md
+./lists/board-games.md
+./articles/an-interesting-article/index.md
+./articles/article3.md
+./articles/another-interesting-article/index.md
+./style.css
diff --git a/demo/dst/404.html b/demo/dst/404.html
new file mode 100644
index 0000000..b6e2d1e
--- /dev/null
+++ b/demo/dst/404.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <link rel="icon" type="image/png" href="https://example.org/favicon.png">
+ <link rel="stylesheet" href="style.css">
+ <title></title>
+</head>
+<body>
+<div class="container">
+<a id="header" href="https://example.org">
+<pre>
+ _____ _
+ | ____|_ ____ _ _ __ ___ _ __ | | ___
+ | _| \ \/ / _` | '_ ` _ \| '_ \| |/ _ \
+ | |___ > < (_| | | | | | | |_) | | __/
+ |_____/_/\_\__,_|_| |_| |_| .__/|_|\___|
+ |_|
+ example.org
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org/">Repos</a> -
+<a href="https://example.org/rss.xml">RSS</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1 id="404-not-found">404 Not Found</h1>
+<p>I couldn&#8217;t find that page.</p>
+</body>
+</html>
diff --git a/demo/dst/about.html b/demo/dst/about.html
new file mode 100644
index 0000000..b17b7fe
--- /dev/null
+++ b/demo/dst/about.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <link rel="icon" type="image/png" href="https://example.org/favicon.png">
+ <link rel="stylesheet" href="style.css">
+ <title></title>
+</head>
+<body>
+<div class="container">
+<a id="header" href="https://example.org">
+<pre>
+ _____ _
+ | ____|_ ____ _ _ __ ___ _ __ | | ___
+ | _| \ \/ / _` | '_ ` _ \| '_ \| |/ _ \
+ | |___ > < (_| | | | | | | |_) | | __/
+ |_____/_/\_\__,_|_| |_| |_| .__/|_|\___|
+ |_|
+ example.org
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org/">Repos</a> -
+<a href="https://example.org/rss.xml">RSS</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1 id="about">About</h1>
+<p>Here is an about page for my website</p>
+</body>
+</html>
diff --git a/demo/dst/articles/an-interesting-article/assets/stamps.webp b/demo/dst/articles/an-interesting-article/assets/stamps.webp
new file mode 100644
index 0000000..9785ce7
--- /dev/null
+++ b/demo/dst/articles/an-interesting-article/assets/stamps.webp
Binary files differ
diff --git a/demo/dst/articles/an-interesting-article/index.html b/demo/dst/articles/an-interesting-article/index.html
new file mode 100644
index 0000000..ea236df
--- /dev/null
+++ b/demo/dst/articles/an-interesting-article/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <link rel="icon" type="image/png" href="https://example.org/favicon.png">
+ <link rel="stylesheet" href="style.css">
+ <title>This is a very interesting article about stamps</title>
+</head>
+<body>
+<div class="container">
+<a id="header" href="https://example.org">
+<pre>
+ _____ _
+ | ____|_ ____ _ _ __ ___ _ __ | | ___
+ | _| \ \/ / _` | '_ ` _ \| '_ \| |/ _ \
+ | |___ > < (_| | | | | | | |_) | | __/
+ |_____/_/\_\__,_|_| |_| |_| .__/|_|\___|
+ |_|
+ example.org
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org/">Repos</a> -
+<a href="https://example.org/rss.xml">RSS</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1 id="this-is-a-very-interesting-article-about-stamps">This is a very interesting article about stamps</h1>
+<p>Here is a picture of some cool stamps</p>
+<p><img src="assets/stamps.webp" alt="" /></p>
+<p>Thank you for reading my nice article.</p>
+</body>
+</html>
diff --git a/demo/dst/articles/another-interesting-article/assets/japanese-train.webp b/demo/dst/articles/another-interesting-article/assets/japanese-train.webp
new file mode 100644
index 0000000..c4cab3e
--- /dev/null
+++ b/demo/dst/articles/another-interesting-article/assets/japanese-train.webp
Binary files differ
diff --git a/demo/dst/articles/another-interesting-article/index.html b/demo/dst/articles/another-interesting-article/index.html
new file mode 100644
index 0000000..bc82292
--- /dev/null
+++ b/demo/dst/articles/another-interesting-article/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <link rel="icon" type="image/png" href="https://example.org/favicon.png">
+ <link rel="stylesheet" href="style.css">
+ <title>I love trains</title>
+</head>
+<body>
+<div class="container">
+<a id="header" href="https://example.org">
+<pre>
+ _____ _
+ | ____|_ ____ _ _ __ ___ _ __ | | ___
+ | _| \ \/ / _` | '_ ` _ \| '_ \| |/ _ \
+ | |___ > < (_| | | | | | | |_) | | __/
+ |_____/_/\_\__,_|_| |_| |_| .__/|_|\___|
+ |_|
+ example.org
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org/">Repos</a> -
+<a href="https://example.org/rss.xml">RSS</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1 id="i-love-trains">I love trains</h1>
+<p>Aren&#8217;t Japanese trains great? I particularly like the boxy ones. Here is a picture of a train:</p>
+<p><img src="assets/japanese-train.webp" alt="" /></p>
+<p>Thank you for looking at this train</p>
+</body>
+</html>
diff --git a/demo/dst/articles/article3.html b/demo/dst/articles/article3.html
new file mode 100644
index 0000000..2b2c5f9
--- /dev/null
+++ b/demo/dst/articles/article3.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <link rel="icon" type="image/png" href="https://example.org/favicon.png">
+ <link rel="stylesheet" href="style.css">
+ <title>This is a third article!</title>
+</head>
+<body>
+<div class="container">
+<a id="header" href="https://example.org">
+<pre>
+ _____ _
+ | ____|_ ____ _ _ __ ___ _ __ | | ___
+ | _| \ \/ / _` | '_ ` _ \| '_ \| |/ _ \
+ | |___ > < (_| | | | | | | |_) | | __/
+ |_____/_/\_\__,_|_| |_| |_| .__/|_|\___|
+ |_|
+ example.org
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org/">Repos</a> -
+<a href="https://example.org/rss.xml">RSS</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1 id="article-3">Article 3</h1>
+<p>Wow another one</p>
+</body>
+</html>
diff --git a/demo/dst/favicon.png b/demo/dst/favicon.png
new file mode 100644
index 0000000..4c22246
--- /dev/null
+++ b/demo/dst/favicon.png
Binary files differ
diff --git a/demo/dst/index.html b/demo/dst/index.html
new file mode 100644
index 0000000..bfc86b6
--- /dev/null
+++ b/demo/dst/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <link rel="icon" type="image/png" href="https://example.org/favicon.png">
+ <link rel="stylesheet" href="style.css">
+ <title>Example</title>
+</head>
+<body>
+<div class="container">
+<a id="header" href="https://example.org">
+<pre>
+ _____ _
+ | ____|_ ____ _ _ __ ___ _ __ | | ___
+ | _| \ \/ / _` | '_ ` _ \| '_ \| |/ _ \
+ | |___ > < (_| | | | | | | |_) | | __/
+ |_____/_/\_\__,_|_| |_| |_| .__/|_|\___|
+ |_|
+ example.org
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org/">Repos</a> -
+<a href="https://example.org/rss.xml">RSS</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1>Articles</h1>
+2024-10-04: <a href="https://example.org/articles/an-interesting-article/">This is a very interesting article about stamps</a><br />
+2024-09-10: <a href="https://example.org/articles/another-interesting-article/">I love trains</a><br />
+2023-10-08: <a href="https://example.org/articles/article3.html">This is a third article!</a><br />
+<h1>Lists</h1>
+2024-07-12: <a href="https://example.org/lists/board-games.html">Board games</a><br />
+2022-06-05: <a href="https://example.org/lists/movies.html">Movies</a><br />
+</body>
+</html>
diff --git a/demo/dst/lists/board-games.html b/demo/dst/lists/board-games.html
new file mode 100644
index 0000000..b85ce6b
--- /dev/null
+++ b/demo/dst/lists/board-games.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <link rel="icon" type="image/png" href="https://example.org/favicon.png">
+ <link rel="stylesheet" href="style.css">
+ <title>Board games</title>
+</head>
+<body>
+<div class="container">
+<a id="header" href="https://example.org">
+<pre>
+ _____ _
+ | ____|_ ____ _ _ __ ___ _ __ | | ___
+ | _| \ \/ / _` | '_ ` _ \| '_ \| |/ _ \
+ | |___ > < (_| | | | | | | |_) | | __/
+ |_____/_/\_\__,_|_| |_| |_| .__/|_|\___|
+ |_|
+ example.org
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org/">Repos</a> -
+<a href="https://example.org/rss.xml">RSS</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1 id="board-games">Board Games</h1>
+<p>Here are some board games I like:</p>
+<ol>
+<li>Puerto Rico</li>
+<li>Ascension: Chronicle of the Godslayer</li>
+<li>Twilight Struggle</li>
+</ol>
+<p>Play them with me, thanks.</p>
+</body>
+</html>
diff --git a/demo/dst/lists/movies.html b/demo/dst/lists/movies.html
new file mode 100644
index 0000000..496e0d1
--- /dev/null
+++ b/demo/dst/lists/movies.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <link rel="icon" type="image/png" href="https://example.org/favicon.png">
+ <link rel="stylesheet" href="style.css">
+ <title>Movies</title>
+</head>
+<body>
+<div class="container">
+<a id="header" href="https://example.org">
+<pre>
+ _____ _
+ | ____|_ ____ _ _ __ ___ _ __ | | ___
+ | _| \ \/ / _` | '_ ` _ \| '_ \| |/ _ \
+ | |___ > < (_| | | | | | | |_) | | __/
+ |_____/_/\_\__,_|_| |_| |_| .__/|_|\___|
+ |_|
+ example.org
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org/">Repos</a> -
+<a href="https://example.org/rss.xml">RSS</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1 id="a-list-of-movies">A List of Movies</h1>
+<p>Here are my favorite movies</p>
+<ol>
+<li>Primer</li>
+<li>The Lighthouse</li>
+<li>Tetsuo: The Iron Man</li>
+</ol>
+<p>I hope you enjoyed this insightful article.</p>
+</body>
+</html>
diff --git a/demo/dst/rss.xml b/demo/dst/rss.xml
new file mode 100644
index 0000000..34d2e0a
--- /dev/null
+++ b/demo/dst/rss.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+<channel>
+<title>Blog</title>
+<link>https://example.org/</link>
+<description>Blog</description>
+<atom:link href="https://example.org/rss.xml" rel="self" type="application/rss+xml"/>
+<item>
+<title>This is a very interesting article about stamps</title>
+<link>https://example.org/articles/an-interesting-article/</link>
+<guid>https://example.org/articles/an-interesting-article/</guid>
+<pubDate>Fri, 04 Oct 2024 00:00:00 GMT</pubDate>
+</item>
+<item>
+<title>I love trains</title>
+<link>https://example.org/articles/another-interesting-article/</link>
+<guid>https://example.org/articles/another-interesting-article/</guid>
+<pubDate>Tue, 10 Sep 2024 00:00:00 GMT</pubDate>
+</item>
+<item>
+<title>Board games</title>
+<link>https://example.org/lists/board-games.html</link>
+<guid>https://example.org/lists/board-games.html</guid>
+<pubDate>Fri, 12 Jul 2024 00:00:00 GMT</pubDate>
+</item>
+<item>
+<title>This is a third article!</title>
+<link>https://example.org/articles/article3.html</link>
+<guid>https://example.org/articles/article3.html</guid>
+<pubDate>Sun, 08 Oct 2023 00:00:00 GMT</pubDate>
+</item>
+<item>
+<title>Movies</title>
+<link>https://example.org/lists/movies.html</link>
+<guid>https://example.org/lists/movies.html</guid>
+<pubDate>Sun, 05 Jun 2022 00:00:00 GMT</pubDate>
+</item>
+</channel>
+</rss>
diff --git a/demo/dst/sitemap.xml b/demo/dst/sitemap.xml
new file mode 100644
index 0000000..6d48f32
--- /dev/null
+++ b/demo/dst/sitemap.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset
+xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"
+xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+<url><loc>https://example.org/404.html</loc><lastmod>2026-06-15</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/about.html</loc><lastmod>2026-06-15</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/lists/movies.html</loc><lastmod>2026-06-15</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/lists/board-games.html</loc><lastmod>2026-06-15</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/articles/an-interesting-article/</loc><lastmod>2026-06-15</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/articles/article3.html</loc><lastmod>2026-06-15</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/articles/another-interesting-article/</loc><lastmod>2026-06-15</lastmod><priority>1.0</priority></url>
+</urlset>
diff --git a/demo/dst/style.css b/demo/dst/style.css
new file mode 100644
index 0000000..5080521
--- /dev/null
+++ b/demo/dst/style.css
@@ -0,0 +1,54 @@
+html {
+ font-size: 100%;
+ font-family:sans-serif;
+ /* font-family:sans-serif; */
+ /* font:1.2em/1.62 sans-serif; */
+}
+
+body {
+ line-height: 1.6;
+ max-width:40em;
+ background-color: #ededed;
+ margin: auto;
+}
+
+.container {
+ text-align: center;
+}
+
+.container pre {
+ display: inline-block;
+ text-align: left;
+ line-height: 1.0;
+}
+
+#header {
+ text-decoration: none;
+ color: inherit;
+ font-size:125%;
+}
+
+#navigation {
+ font-family:monospace;
+ font-size:125%;
+}
+
+h1 { font-size: 1.4rem; }
+h2 { font-size: 1.2rem; }
+h3 { font-size: 1.0rem;}
+
+a:link, a:visited {
+ color: #2626FF;
+}
+
+a:hover, a:focus {
+ color: #4c4cFF;
+}
+
+li + li {
+ margin-top:0.2em;
+}
+
+ul img {
+ vertical-align:middle;
+}
diff --git a/demo/example.webp b/demo/example.webp
new file mode 100644
index 0000000..d9153d9
--- /dev/null
+++ b/demo/example.webp
Binary files differ
diff --git a/demo/src/404.md b/demo/src/404.md
new file mode 100644
index 0000000..a0aa728
--- /dev/null
+++ b/demo/src/404.md
@@ -0,0 +1,3 @@
+# 404 Not Found
+
+I couldn't find that page.
diff --git a/demo/src/_footer.html b/demo/src/_footer.html
new file mode 100644
index 0000000..308b1d0
--- /dev/null
+++ b/demo/src/_footer.html
@@ -0,0 +1,2 @@
+</body>
+</html>
diff --git a/demo/src/_header.html b/demo/src/_header.html
new file mode 100644
index 0000000..ca28d40
--- /dev/null
+++ b/demo/src/_header.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <link rel="icon" type="image/png" href="https://example.org/favicon.png">
+ <link rel="stylesheet" href="style.css">
+ <title>Example</title>
+</head>
+<body>
+<div class="container">
+<a id="header" href="https://example.org">
+<pre>
+ _____ _
+ | ____|_ ____ _ _ __ ___ _ __ | | ___
+ | _| \ \/ / _` | '_ ` _ \| '_ \| |/ _ \
+ | |___ > < (_| | | | | | | |_) | | __/
+ |_____/_/\_\__,_|_| |_| |_| .__/|_|\___|
+ |_|
+ example.org
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org/">Repos</a> -
+<a href="https://example.org/rss.xml">RSS</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
diff --git a/demo/src/about.md b/demo/src/about.md
new file mode 100644
index 0000000..1b073d8
--- /dev/null
+++ b/demo/src/about.md
@@ -0,0 +1,3 @@
+# About
+
+Here is an about page for my website
diff --git a/demo/src/articles/an-interesting-article/assets/stamps.webp b/demo/src/articles/an-interesting-article/assets/stamps.webp
new file mode 100644
index 0000000..9785ce7
--- /dev/null
+++ b/demo/src/articles/an-interesting-article/assets/stamps.webp
Binary files differ
diff --git a/demo/src/articles/an-interesting-article/index.md b/demo/src/articles/an-interesting-article/index.md
new file mode 100644
index 0000000..779f4b6
--- /dev/null
+++ b/demo/src/articles/an-interesting-article/index.md
@@ -0,0 +1,12 @@
+---
+title: This is a very interesting article about stamps
+date: 2024-10-04
+---
+
+# This is a very interesting article about stamps
+
+Here is a picture of some cool stamps
+
+![](assets/stamps.webp)
+
+Thank you for reading my nice article.
diff --git a/demo/src/articles/another-interesting-article/assets/japanese-train.webp b/demo/src/articles/another-interesting-article/assets/japanese-train.webp
new file mode 100644
index 0000000..c4cab3e
--- /dev/null
+++ b/demo/src/articles/another-interesting-article/assets/japanese-train.webp
Binary files differ
diff --git a/demo/src/articles/another-interesting-article/index.md b/demo/src/articles/another-interesting-article/index.md
new file mode 100644
index 0000000..4e5d9b7
--- /dev/null
+++ b/demo/src/articles/another-interesting-article/index.md
@@ -0,0 +1,12 @@
+---
+title: I love trains
+date: 2024-09-10
+---
+
+# I love trains
+
+Aren't Japanese trains great? I particularly like the boxy ones. Here is a picture of a train:
+
+![](assets/japanese-train.webp)
+
+Thank you for looking at this train
diff --git a/demo/src/articles/article3.md b/demo/src/articles/article3.md
new file mode 100644
index 0000000..c98ebba
--- /dev/null
+++ b/demo/src/articles/article3.md
@@ -0,0 +1,8 @@
+---
+title: This is a third article!
+date: 2023-10-08
+---
+
+# Article 3
+
+Wow another one
diff --git a/demo/src/favicon.png b/demo/src/favicon.png
new file mode 100644
index 0000000..4c22246
--- /dev/null
+++ b/demo/src/favicon.png
Binary files differ
diff --git a/demo/src/lists/board-games.md b/demo/src/lists/board-games.md
new file mode 100644
index 0000000..6a40080
--- /dev/null
+++ b/demo/src/lists/board-games.md
@@ -0,0 +1,14 @@
+---
+title: Board games
+date: 2024-07-12
+---
+
+# Board Games
+
+Here are some board games I like:
+
+1. Puerto Rico
+2. Ascension: Chronicle of the Godslayer
+3. Twilight Struggle
+
+Play them with me, thanks.
diff --git a/demo/src/lists/movies.md b/demo/src/lists/movies.md
new file mode 100644
index 0000000..92d82e6
--- /dev/null
+++ b/demo/src/lists/movies.md
@@ -0,0 +1,13 @@
+---
+title: Movies
+date: 2022-06-05
+---
+# A List of Movies
+
+Here are my favorite movies
+
+1. Primer
+2. The Lighthouse
+3. Tetsuo: The Iron Man
+
+I hope you enjoyed this insightful article.
diff --git a/demo/src/style.css b/demo/src/style.css
new file mode 100644
index 0000000..5080521
--- /dev/null
+++ b/demo/src/style.css
@@ -0,0 +1,54 @@
+html {
+ font-size: 100%;
+ font-family:sans-serif;
+ /* font-family:sans-serif; */
+ /* font:1.2em/1.62 sans-serif; */
+}
+
+body {
+ line-height: 1.6;
+ max-width:40em;
+ background-color: #ededed;
+ margin: auto;
+}
+
+.container {
+ text-align: center;
+}
+
+.container pre {
+ display: inline-block;
+ text-align: left;
+ line-height: 1.0;
+}
+
+#header {
+ text-decoration: none;
+ color: inherit;
+ font-size:125%;
+}
+
+#navigation {
+ font-family:monospace;
+ font-size:125%;
+}
+
+h1 { font-size: 1.4rem; }
+h2 { font-size: 1.2rem; }
+h3 { font-size: 1.0rem;}
+
+a:link, a:visited {
+ color: #2626FF;
+}
+
+a:hover, a:focus {
+ color: #4c4cFF;
+}
+
+li + li {
+ margin-top:0.2em;
+}
+
+ul img {
+ vertical-align:middle;
+}