aboutsummaryrefslogtreecommitdiff
path: root/example
diff options
context:
space:
mode:
Diffstat (limited to 'example')
-rw-r--r--example/dst/.files11
-rw-r--r--example/dst/404.html33
-rw-r--r--example/dst/Articles/an-interesting-article/assets/stamps.webpbin0 -> 46960 bytes
-rw-r--r--example/dst/Articles/an-interesting-article/index.html37
-rw-r--r--example/dst/Articles/another-interesting-article/assets/japanese-train.webpbin0 -> 128168 bytes
-rw-r--r--example/dst/Articles/another-interesting-article/index.html37
-rw-r--r--example/dst/Articles/article3.html33
-rw-r--r--example/dst/Lists/board-games.html41
-rw-r--r--example/dst/Lists/movies.html41
-rw-r--r--example/dst/about.html33
-rw-r--r--example/dst/favicon.pngbin0 -> 393 bytes
-rw-r--r--example/dst/hed28
-rw-r--r--example/dst/index.html41
-rw-r--r--example/dst/sitemap.xml14
-rw-r--r--example/dst/style.css54
-rw-r--r--example/src/404.md3
-rw-r--r--example/src/Articles/an-interesting-article/assets/stamps.webpbin0 -> 46960 bytes
-rw-r--r--example/src/Articles/an-interesting-article/index.md12
-rw-r--r--example/src/Articles/another-interesting-article/assets/japanese-train.webpbin0 -> 128168 bytes
-rw-r--r--example/src/Articles/another-interesting-article/index.md12
-rw-r--r--example/src/Articles/article3.md8
-rw-r--r--example/src/Lists/board-games.md14
-rw-r--r--example/src/Lists/movies.md13
-rw-r--r--example/src/_footer.html2
-rw-r--r--example/src/_header.html28
-rw-r--r--example/src/about.md3
-rw-r--r--example/src/favicon.pngbin0 -> 393 bytes
-rw-r--r--example/src/style.css54
28 files changed, 552 insertions, 0 deletions
diff --git a/example/dst/.files b/example/dst/.files
new file mode 100644
index 0000000..1611884
--- /dev/null
+++ b/example/dst/.files
@@ -0,0 +1,11 @@
+./style.css
+./Lists/board-games.md
+./Lists/movies.md
+./about.md
+./Articles/an-interesting-article/index.md
+./Articles/an-interesting-article/assets/stamps.webp
+./Articles/another-interesting-article/index.md
+./Articles/another-interesting-article/assets/japanese-train.webp
+./Articles/article3.md
+./404.md
+./favicon.png
diff --git a/example/dst/404.html b/example/dst/404.html
new file mode 100644
index 0000000..b56836c
--- /dev/null
+++ b/example/dst/404.html
@@ -0,0 +1,33 @@
+<!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>
+
+▄███▄ ▄ ██ █▀▄▀█ █ ▄▄ █ ▄███▄
+█▀ ▀ ▀▄ █ █ █ █ █ █ █ █ █ █▀ ▀
+██▄▄ █ ▀ █▄▄█ █ ▄ █ █▀▀▀ █ ██▄▄
+█▄ ▄▀ ▄ █ █ █ █ █ █ ███▄ █▄ ▄▀
+▀███▀ █ ▀▄ █ █ █ ▀ ▀███▀
+ ▀ █ ▀ ▀
+ ▀
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org">Repos</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1>404 Not Found</h1>
+
+<p>I couldn't find that page.</p>
+</body>
+</html>
diff --git a/example/dst/Articles/an-interesting-article/assets/stamps.webp b/example/dst/Articles/an-interesting-article/assets/stamps.webp
new file mode 100644
index 0000000..9785ce7
--- /dev/null
+++ b/example/dst/Articles/an-interesting-article/assets/stamps.webp
Binary files differ
diff --git a/example/dst/Articles/an-interesting-article/index.html b/example/dst/Articles/an-interesting-article/index.html
new file mode 100644
index 0000000..412e359
--- /dev/null
+++ b/example/dst/Articles/an-interesting-article/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>
+
+▄███▄ ▄ ██ █▀▄▀█ █ ▄▄ █ ▄███▄
+█▀ ▀ ▀▄ █ █ █ █ █ █ █ █ █ █▀ ▀
+██▄▄ █ ▀ █▄▄█ █ ▄ █ █▀▀▀ █ ██▄▄
+█▄ ▄▀ ▄ █ █ █ █ █ █ ███▄ █▄ ▄▀
+▀███▀ █ ▀▄ █ █ █ ▀ ▀███▀
+ ▀ █ ▀ ▀
+ ▀
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org">Repos</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1>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="" title="" /></p>
+
+<p>Thank you for reading my nice article.</p>
+</body>
+</html>
diff --git a/example/dst/Articles/another-interesting-article/assets/japanese-train.webp b/example/dst/Articles/another-interesting-article/assets/japanese-train.webp
new file mode 100644
index 0000000..c4cab3e
--- /dev/null
+++ b/example/dst/Articles/another-interesting-article/assets/japanese-train.webp
Binary files differ
diff --git a/example/dst/Articles/another-interesting-article/index.html b/example/dst/Articles/another-interesting-article/index.html
new file mode 100644
index 0000000..31ef880
--- /dev/null
+++ b/example/dst/Articles/another-interesting-article/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>
+
+▄███▄ ▄ ██ █▀▄▀█ █ ▄▄ █ ▄███▄
+█▀ ▀ ▀▄ █ █ █ █ █ █ █ █ █ █▀ ▀
+██▄▄ █ ▀ █▄▄█ █ ▄ █ █▀▀▀ █ ██▄▄
+█▄ ▄▀ ▄ █ █ █ █ █ █ ███▄ █▄ ▄▀
+▀███▀ █ ▀▄ █ █ █ ▀ ▀███▀
+ ▀ █ ▀ ▀
+ ▀
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org">Repos</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1>I love trains</h1>
+
+<p>Aren'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="" title="" /></p>
+
+<p>Thank you for looking at this train</p>
+</body>
+</html>
diff --git a/example/dst/Articles/article3.html b/example/dst/Articles/article3.html
new file mode 100644
index 0000000..e34e43a
--- /dev/null
+++ b/example/dst/Articles/article3.html
@@ -0,0 +1,33 @@
+<!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>
+
+▄███▄ ▄ ██ █▀▄▀█ █ ▄▄ █ ▄███▄
+█▀ ▀ ▀▄ █ █ █ █ █ █ █ █ █ █▀ ▀
+██▄▄ █ ▀ █▄▄█ █ ▄ █ █▀▀▀ █ ██▄▄
+█▄ ▄▀ ▄ █ █ █ █ █ █ ███▄ █▄ ▄▀
+▀███▀ █ ▀▄ █ █ █ ▀ ▀███▀
+ ▀ █ ▀ ▀
+ ▀
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org">Repos</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1>Article 3</h1>
+
+<p>Wow another one</p>
+</body>
+</html>
diff --git a/example/dst/Lists/board-games.html b/example/dst/Lists/board-games.html
new file mode 100644
index 0000000..1693d1b
--- /dev/null
+++ b/example/dst/Lists/board-games.html
@@ -0,0 +1,41 @@
+<!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>
+
+▄███▄ ▄ ██ █▀▄▀█ █ ▄▄ █ ▄███▄
+█▀ ▀ ▀▄ █ █ █ █ █ █ █ █ █ █▀ ▀
+██▄▄ █ ▀ █▄▄█ █ ▄ █ █▀▀▀ █ ██▄▄
+█▄ ▄▀ ▄ █ █ █ █ █ █ ███▄ █▄ ▄▀
+▀███▀ █ ▀▄ █ █ █ ▀ ▀███▀
+ ▀ █ ▀ ▀
+ ▀
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org">Repos</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1>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/example/dst/Lists/movies.html b/example/dst/Lists/movies.html
new file mode 100644
index 0000000..a3499e5
--- /dev/null
+++ b/example/dst/Lists/movies.html
@@ -0,0 +1,41 @@
+<!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>
+
+▄███▄ ▄ ██ █▀▄▀█ █ ▄▄ █ ▄███▄
+█▀ ▀ ▀▄ █ █ █ █ █ █ █ █ █ █▀ ▀
+██▄▄ █ ▀ █▄▄█ █ ▄ █ █▀▀▀ █ ██▄▄
+█▄ ▄▀ ▄ █ █ █ █ █ █ ███▄ █▄ ▄▀
+▀███▀ █ ▀▄ █ █ █ ▀ ▀███▀
+ ▀ █ ▀ ▀
+ ▀
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org">Repos</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1>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/example/dst/about.html b/example/dst/about.html
new file mode 100644
index 0000000..51897a4
--- /dev/null
+++ b/example/dst/about.html
@@ -0,0 +1,33 @@
+<!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>
+
+▄███▄ ▄ ██ █▀▄▀█ █ ▄▄ █ ▄███▄
+█▀ ▀ ▀▄ █ █ █ █ █ █ █ █ █ █▀ ▀
+██▄▄ █ ▀ █▄▄█ █ ▄ █ █▀▀▀ █ ██▄▄
+█▄ ▄▀ ▄ █ █ █ █ █ █ ███▄ █▄ ▄▀
+▀███▀ █ ▀▄ █ █ █ ▀ ▀███▀
+ ▀ █ ▀ ▀
+ ▀
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org">Repos</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1>About</h1>
+
+<p>Here is an about page for my website</p>
+</body>
+</html>
diff --git a/example/dst/favicon.png b/example/dst/favicon.png
new file mode 100644
index 0000000..4c22246
--- /dev/null
+++ b/example/dst/favicon.png
Binary files differ
diff --git a/example/dst/hed b/example/dst/hed
new file mode 100644
index 0000000..d90b226
--- /dev/null
+++ b/example/dst/hed
@@ -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>
+
+▄███▄ ▄ ██ █▀▄▀█ █ ▄▄ █ ▄███▄
+█▀ ▀ ▀▄ █ █ █ █ █ █ █ █ █ █▀ ▀
+██▄▄ █ ▀ █▄▄█ █ ▄ █ █▀▀▀ █ ██▄▄
+█▄ ▄▀ ▄ █ █ █ █ █ █ ███▄ █▄ ▄▀
+▀███▀ █ ▀▄ █ █ █ ▀ ▀███▀
+ ▀ █ ▀ ▀
+ ▀
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org">Repos</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
diff --git a/example/dst/index.html b/example/dst/index.html
new file mode 100644
index 0000000..8deec2f
--- /dev/null
+++ b/example/dst/index.html
@@ -0,0 +1,41 @@
+<!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>
+
+▄███▄ ▄ ██ █▀▄▀█ █ ▄▄ █ ▄███▄
+█▀ ▀ ▀▄ █ █ █ █ █ █ █ █ █ █▀ ▀
+██▄▄ █ ▀ █▄▄█ █ ▄ █ █▀▀▀ █ ██▄▄
+█▄ ▄▀ ▄ █ █ █ █ █ █ ███▄ █▄ ▄▀
+▀███▀ █ ▀▄ █ █ █ ▀ ▀███▀
+ ▀ █ ▀ ▀
+ ▀
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org">Repos</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
+<h1>Articles</h1>
+<ul>
+<li>2024-10-04: <a href="https://example.org/Articles/an-interesting-article/">This is a very interesting article about stamps</a></li>
+<li>2024-09-10: <a href="https://example.org/Articles/another-interesting-article/">I love trains</a></li>
+<li>2023-10-08: <a href="https://example.org/Articles/article3.html">This is a third article!</a></li>
+</ul>
+<h1>Lists</h1>
+<ul>
+<li>2024-07-12: <a href="https://example.org/Lists/board-games.html">Board games</a></li>
+<li>2022-06-05: <a href="https://example.org/Lists/movies.html">Movies</a></li>
+</ul>
+</body>
+</html>
diff --git a/example/dst/sitemap.xml b/example/dst/sitemap.xml
new file mode 100644
index 0000000..6c057b3
--- /dev/null
+++ b/example/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/Lists/board-games.html</loc><lastmod>2024-10-09</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/Lists/movies.html</loc><lastmod>2024-10-09</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/about.html</loc><lastmod>2024-10-09</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/Articles/an-interesting-article/</loc><lastmod>2024-10-09</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/Articles/another-interesting-article/</loc><lastmod>2024-10-09</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/Articles/article3.html</loc><lastmod>2024-10-09</lastmod><priority>1.0</priority></url>
+<url><loc>https://example.org/404.html</loc><lastmod>2024-10-09</lastmod><priority>1.0</priority></url>
+</urlset>
diff --git a/example/dst/style.css b/example/dst/style.css
new file mode 100644
index 0000000..4489ae8
--- /dev/null
+++ b/example/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:1em;
+}
+
+ul img {
+ vertical-align:middle;
+}
diff --git a/example/src/404.md b/example/src/404.md
new file mode 100644
index 0000000..a0aa728
--- /dev/null
+++ b/example/src/404.md
@@ -0,0 +1,3 @@
+# 404 Not Found
+
+I couldn't find that page.
diff --git a/example/src/Articles/an-interesting-article/assets/stamps.webp b/example/src/Articles/an-interesting-article/assets/stamps.webp
new file mode 100644
index 0000000..9785ce7
--- /dev/null
+++ b/example/src/Articles/an-interesting-article/assets/stamps.webp
Binary files differ
diff --git a/example/src/Articles/an-interesting-article/index.md b/example/src/Articles/an-interesting-article/index.md
new file mode 100644
index 0000000..779f4b6
--- /dev/null
+++ b/example/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/example/src/Articles/another-interesting-article/assets/japanese-train.webp b/example/src/Articles/another-interesting-article/assets/japanese-train.webp
new file mode 100644
index 0000000..c4cab3e
--- /dev/null
+++ b/example/src/Articles/another-interesting-article/assets/japanese-train.webp
Binary files differ
diff --git a/example/src/Articles/another-interesting-article/index.md b/example/src/Articles/another-interesting-article/index.md
new file mode 100644
index 0000000..4e5d9b7
--- /dev/null
+++ b/example/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/example/src/Articles/article3.md b/example/src/Articles/article3.md
new file mode 100644
index 0000000..c98ebba
--- /dev/null
+++ b/example/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/example/src/Lists/board-games.md b/example/src/Lists/board-games.md
new file mode 100644
index 0000000..6a40080
--- /dev/null
+++ b/example/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/example/src/Lists/movies.md b/example/src/Lists/movies.md
new file mode 100644
index 0000000..92d82e6
--- /dev/null
+++ b/example/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/example/src/_footer.html b/example/src/_footer.html
new file mode 100644
index 0000000..308b1d0
--- /dev/null
+++ b/example/src/_footer.html
@@ -0,0 +1,2 @@
+</body>
+</html>
diff --git a/example/src/_header.html b/example/src/_header.html
new file mode 100644
index 0000000..d90b226
--- /dev/null
+++ b/example/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>
+
+▄███▄ ▄ ██ █▀▄▀█ █ ▄▄ █ ▄███▄
+█▀ ▀ ▀▄ █ █ █ █ █ █ █ █ █ █▀ ▀
+██▄▄ █ ▀ █▄▄█ █ ▄ █ █▀▀▀ █ ██▄▄
+█▄ ▄▀ ▄ █ █ █ █ █ █ ███▄ █▄ ▄▀
+▀███▀ █ ▀▄ █ █ █ ▀ ▀███▀
+ ▀ █ ▀ ▀
+ ▀
+</pre>
+</a>
+<div id="navigation">
+<a href="https://example.org/">Home</a> -
+<a href="https://codeberg.org">Repos</a> -
+<a href="https://example.org/about.html">About</a>
+</div>
+</div>
diff --git a/example/src/about.md b/example/src/about.md
new file mode 100644
index 0000000..1b073d8
--- /dev/null
+++ b/example/src/about.md
@@ -0,0 +1,3 @@
+# About
+
+Here is an about page for my website
diff --git a/example/src/favicon.png b/example/src/favicon.png
new file mode 100644
index 0000000..4c22246
--- /dev/null
+++ b/example/src/favicon.png
Binary files differ
diff --git a/example/src/style.css b/example/src/style.css
new file mode 100644
index 0000000..4489ae8
--- /dev/null
+++ b/example/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:1em;
+}
+
+ul img {
+ vertical-align:middle;
+}