From 483c8249e22f59eddb254511ba8a798a8659cd25 Mon Sep 17 00:00:00 2001
From: c0dev0id <sh+git@codevoid.de>
Date: Mon, 23 Oct 2023 13:19:55 +0200
Subject: [PATCH] init

---
 Makefile                                 |   65 +
 README.md                                |    0
 src/assets/style.css                     | 1529 ++++++++++++++++++++++
 src/footer.th                            |    2 +
 src/header.th                            |    6 +
 src/index.ps                             |   18 +
 src/posts/2023-10-22-Hello-World-md.pm   |   14 +
 src/posts/2023-10-23-Hello-World-sh.ps   |   12 +
 src/posts/2023-10-24-Hello-World-adoc.pa |   34 +
 9 files changed, 1680 insertions(+)
 create mode 100644 Makefile
 create mode 100644 README.md
 create mode 100644 src/assets/style.css
 create mode 100644 src/footer.th
 create mode 100644 src/header.th
 create mode 100644 src/index.ps
 create mode 100644 src/posts/2023-10-22-Hello-World-md.pm
 create mode 100644 src/posts/2023-10-23-Hello-World-sh.ps
 create mode 100644 src/posts/2023-10-24-Hello-World-adoc.pa

diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..903115a
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,65 @@
+all: website fix-permissions
+
+# Extensions:
+# th - template with html code
+# ph - page with html code
+# pm - page with markdown code
+# ps - page with shell code
+# pa - page with asciidoctor code
+
+PH_FILES !=	find src -type f -name "*.ph" | sed 's|src/||g'
+PM_FILES !=	find src -type f -name "*.pm" | sed 's|src/||g'
+PS_FILES !=	find src -type f -name "*.ps" | sed 's|src/||g'
+PA_FILES !=	find src -type f -name "*.pa" | sed 's|src/||g'
+
+STATIC_FILES =	src/assets
+
+$(PH_FILES):
+	echo "Create: src/$@ => www/${@:S/ph/html/}"
+	cat src/header.th > www/${@:S/ph/html/}
+	cat src/$@ >> www/${@:S/ph/html/}
+	cat src/footer.th >> www/${@:S/ph/html/}
+
+$(PM_FILES):
+	echo "Create: src/$@ => www/${@:S/pm/html/}"
+	mkdir -p "$$(dirname www/${@})"
+	cat src/header.th > www/${@:S/pm/html/}
+	discount -f fencedcode src/$@ >> www/${@:S/pm/html/}
+	cat src/footer.th >> www/${@:S/pm/html/}
+
+$(PS_FILES):
+	echo "Create: src/$@ => www/${@:S/ps/html/}"
+	mkdir -p "$$(dirname www/${@})"
+	cat src/header.th > www/${@:S/ps/html/}
+	ksh src/$@ >> www/${@:S/ps/html/}
+	cat src/footer.th >> www/${@:S/ps/html/}
+
+$(PA_FILES):
+	echo "Create: src/$@ => www/${@:S/pa/html/}"
+	mkdir -p "$$(dirname www/${@})"
+	cat src/header.th > www/${@:S/pa/html/}
+	asciidoctor -e \
+		-r asciidoctor-diagram \
+		-a imagesdir=/tmp/adoc-tmp \
+		-a stylesheet! \
+		-a data-uri \
+		-o - src/$@ >> www/${@:S/pa/html/}
+	cat src/footer.th >> www/${@:S/pa/html/}
+
+website: prepare copy-static-files $(PH_FILES) $(PM_FILES) $(PS_FILES) $(PA_FILES)
+
+prepare:
+	echo "Mkdir: www"
+	mkdir -p www
+
+copy-static-files: prepare
+	rsync -r --partial --delete --out-format="Copy: src/%f => www/%f" $(STATIC_FILES) www/
+
+clean:
+	rm -rf www
+
+fix-permissions: website
+	chown -R sdk:www www
+	chmod -R ug+Xrw www
+
+
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/style.css b/src/assets/style.css
new file mode 100644
index 0000000..70227a1
--- /dev/null
+++ b/src/assets/style.css
@@ -0,0 +1,1529 @@
+body {
+    font-family:bree serif,sans-serif;
+    -webkit-font-smoothing:antialiased;
+    margin: 0 20px
+}
+
+article {
+    max-width:800px;
+    margin-left:auto;
+    margin-right:auto
+}
+
+a {
+    color:#000;
+    text-decoration:none
+}
+
+a:hover {
+    font-weight:600;
+    text-decoration:underline
+}
+
+.post-ads
+{
+    margin:50px 0
+}
+
+.markdown-body
+{
+    font-size:18px;
+    max-width:100%
+}
+
+.markdown-body a
+{
+
+    text-decoration:underline;
+    text-decoration-color:#000
+}
+
+.markdown-body blockquote
+{
+
+    margin:0;
+    padding:0 1em;
+    color:#57606a;
+    border-left:.25em solid #d0d7de
+}
+
+.markdown-body pre
+{
+
+    padding:12px;
+    overflow:auto;
+    background-color:#f6f8fa;
+    border-radius:8px
+}
+
+.markdown-body code
+{
+
+    padding:.2em .4em;
+    background-color:#f6f8fa;
+    border-radius:6px
+}
+
+.markdown-body pre>code
+{
+
+    padding:0;
+    background-color:inherit;
+    border:0
+}
+
+.Chinese .markdown-body
+{
+
+    line-height:200%
+}
+
+.site-date-catalog
+{
+
+    font-size:2rem
+}
+
+.header-title
+{
+
+    font-size:2rem;
+    font-weight:700;
+    margin-top:32px;
+    font-family:bungee shade,sans-serif
+}
+
+.header-title a
+{
+
+    text-decoration:none
+}
+
+.header-subtitle
+{
+
+    color:#666
+}
+
+.header-items
+{
+
+    margin:10px 0
+}
+
+.header-item
+{
+
+    margin:0 5px
+}
+
+.header-line
+{
+
+    width:100%;
+    border-width:2px;
+    border-color:#482936;
+    border-style:solid none none none
+}
+
+.lang-switch
+{
+
+    font-weight:600
+}
+
+#posts-list
+{
+
+    min-height:600px
+}
+
+.posts-line
+{
+
+    font-size:1.2rem;
+    margin:12px 0
+}
+
+.posts-categories
+{
+
+    font-size:.8rem;
+    margin:auto;
+    text-align:center
+}
+
+.posts-category
+{
+
+    padding:3px 0;
+    border:#000 2px solid;
+    border-radius:5px
+}
+
+.site-footer
+{
+
+    margin-top:50px
+}
+
+.site-footer-item
+{
+
+    margin-right:12px
+}
+
+.post-content img
+{
+
+    max-width:100%;
+    display:block;
+    margin-right:auto;
+    margin-top:12px
+}
+
+.post-header
+{
+
+    margin-bottom:50px
+}
+
+.post-title
+{
+
+    font-size:2rem;
+    font-weight:600
+}
+
+.post-tags
+{
+
+    display:inline;
+    font-weight:600;
+    padding:2px 5px;
+    margin-right:6px;
+    border:#000 2px solid;
+    border-radius:5px
+}
+
+.post-date
+{
+
+    font-weight:800;
+    font-style:italic
+}
+
+.post-author
+{
+
+    float:right;
+    font-weight:600
+}
+
+.page-content
+{
+
+    min-height:60%
+}
+
+.post-content
+{
+
+    margin-bottom:50px
+}
+
+.post-content p
+{
+
+    hyphens:auto;
+    line-height:1.8;
+    text-justify:ideographic;
+    margin-bottom:1em
+}
+
+.related-content
+{
+
+    border-width:3px;
+    border-style:solid;
+    border-color:#000;
+    padding:0 10px;
+    margin-bottom:50px;
+    margin-top:100px
+}
+
+.related-content li
+{
+
+    margin:5px 0
+}
+
+.taxonomy-term
+{
+
+    font-size:3rem
+}
+
+.gallery-img
+{
+
+    text-align:center
+}
+
+.gallery-img span
+{
+
+    text-align:center
+}
+
+.gallery-img-desc
+{
+
+    font-size:.8em;
+    font-weight:800
+}
+
+#disqus_thread
+{
+
+    position:relative
+}
+
+#disqus_thread:after
+{
+
+    content:"";
+    display:block;
+    height:55px;
+    width:100%;
+    position:absolute;
+    bottom:0;
+    background:#fff
+}
+
+@media screen and (max-width:600px)
+{
+
+    .header-title,.header-subtitle,.header-items
+    {
+
+        text-align:center
+    }
+
+    .posts-line
+    {
+
+        font-size:16px
+    }
+
+    .markdown-body
+    {
+
+        font-size:16px
+    }
+
+    .post-title
+    {
+
+        font-size:2rem
+    }
+
+    .post-content p
+    {
+
+        letter-spacing:.05em
+    }
+
+
+}
+
+@media screen and (max-width:48em)
+{
+
+    .posts-category
+    {
+
+        display:none
+    }
+
+
+}
+
+</style>
+
+
+<style>.container,.container-fluid
+{
+
+    margin-right:auto;
+    margin-left:auto
+}
+
+.container-fluid
+{
+
+    padding-right:2rem;
+    padding-left:2rem
+}
+
+.row
+{
+
+    box-sizing:border-box;
+    display:-webkit-box;
+    display:-ms-flexbox;
+    display:flex;
+    -webkit-box-flex:0;
+    -ms-flex:0 1 auto;
+    flex:initial;
+    -webkit-box-orient:horizontal;
+    -webkit-box-direction:normal;
+    -ms-flex-direction:row;
+    flex-direction:row;
+    -ms-flex-wrap:wrap;
+    flex-wrap:wrap;
+    margin-right:-.5rem;
+    margin-left:-.5rem
+}
+
+.row.reverse
+{
+
+    -webkit-box-orient:horizontal;
+    -webkit-box-direction:reverse;
+    -ms-flex-direction:row-reverse;
+    flex-direction:row-reverse
+}
+
+.col.reverse
+{
+
+    -webkit-box-orient:vertical;
+    -webkit-box-direction:reverse;
+    -ms-flex-direction:column-reverse;
+    flex-direction:column-reverse
+}
+
+.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9
+{
+
+    box-sizing:border-box;
+    -webkit-box-flex:0;
+    -ms-flex:0 0 auto;
+    flex:none;
+    padding-right:.5rem;
+    padding-left:.5rem
+}
+
+.col-xs
+{
+
+    -webkit-box-flex:1;
+    -ms-flex-positive:1;
+    flex-grow:1;
+    -ms-flex-preferred-size:0;
+    flex-basis:0;
+    max-width:100%
+}
+
+.col-xs-1
+{
+
+    -ms-flex-preferred-size:8.33333333%;
+    flex-basis:8.33333333%;
+    max-width:8.33333333%
+}
+
+.col-xs-2
+{
+
+    -ms-flex-preferred-size:16.66666667%;
+    flex-basis:16.66666667%;
+    max-width:16.66666667%
+}
+
+.col-xs-3
+{
+
+    -ms-flex-preferred-size:25%;
+    flex-basis:25%;
+    max-width:25%
+}
+
+.col-xs-4
+{
+
+    -ms-flex-preferred-size:33.33333333%;
+    flex-basis:33.33333333%;
+    max-width:33.33333333%
+}
+
+.col-xs-5
+{
+
+    -ms-flex-preferred-size:41.66666667%;
+    flex-basis:41.66666667%;
+    max-width:41.66666667%
+}
+
+.col-xs-6
+{
+
+    -ms-flex-preferred-size:50%;
+    flex-basis:50%;
+    max-width:50%
+}
+
+.col-xs-7
+{
+
+    -ms-flex-preferred-size:58.33333333%;
+    flex-basis:58.33333333%;
+    max-width:58.33333333%
+}
+
+.col-xs-8
+{
+
+    -ms-flex-preferred-size:66.66666667%;
+    flex-basis:66.66666667%;
+    max-width:66.66666667%
+}
+
+.col-xs-9
+{
+
+    -ms-flex-preferred-size:75%;
+    flex-basis:75%;
+    max-width:75%
+}
+
+.col-xs-10
+{
+
+    -ms-flex-preferred-size:83.33333333%;
+    flex-basis:83.33333333%;
+    max-width:83.33333333%
+}
+
+.col-xs-11
+{
+
+    -ms-flex-preferred-size:91.66666667%;
+    flex-basis:91.66666667%;
+    max-width:91.66666667%
+}
+
+.col-xs-12
+{
+
+    -ms-flex-preferred-size:100%;
+    flex-basis:100%;
+    max-width:100%
+}
+
+.col-xs-offset-0
+{
+
+    margin-left:0
+}
+
+.col-xs-offset-1
+{
+
+    margin-left:8.33333333%
+}
+
+.col-xs-offset-2
+{
+
+    margin-left:16.66666667%
+}
+
+.col-xs-offset-3
+{
+
+    margin-left:25%
+}
+
+.col-xs-offset-4
+{
+
+    margin-left:33.33333333%
+}
+
+.col-xs-offset-5
+{
+
+    margin-left:41.66666667%
+}
+
+.col-xs-offset-6
+{
+
+    margin-left:50%
+}
+
+.col-xs-offset-7
+{
+
+    margin-left:58.33333333%
+}
+
+.col-xs-offset-8
+{
+
+    margin-left:66.66666667%
+}
+
+.col-xs-offset-9
+{
+
+    margin-left:75%
+}
+
+.col-xs-offset-10
+{
+
+    margin-left:83.33333333%
+}
+
+.col-xs-offset-11
+{
+
+    margin-left:91.66666667%
+}
+
+.start-xs
+{
+
+    -webkit-box-pack:start;
+    -ms-flex-pack:start;
+    justify-content:flex-start;
+    text-align:start
+}
+
+.center-xs
+{
+
+    -webkit-box-pack:center;
+    -ms-flex-pack:center;
+    justify-content:center;
+    text-align:center
+}
+
+.end-xs
+{
+
+    -webkit-box-pack:end;
+    -ms-flex-pack:end;
+    justify-content:flex-end;
+    text-align:end
+}
+
+.top-xs
+{
+
+    -webkit-box-align:start;
+    -ms-flex-align:start;
+    align-items:flex-start
+}
+
+.middle-xs
+{
+
+    -webkit-box-align:center;
+    -ms-flex-align:center;
+    align-items:center
+}
+
+.bottom-xs
+{
+
+    -webkit-box-align:end;
+    -ms-flex-align:end;
+    align-items:flex-end
+}
+
+.around-xs
+{
+
+    -ms-flex-pack:distribute;
+    justify-content:space-around
+}
+
+.between-xs
+{
+
+    -webkit-box-pack:justify;
+    -ms-flex-pack:justify;
+    justify-content:space-between
+}
+
+.first-xs
+{
+
+    -webkit-box-ordinal-group:0;
+    -ms-flex-order:-1;
+    order:-1
+}
+
+.last-xs
+{
+
+    -webkit-box-ordinal-group:2;
+    -ms-flex-order:1;
+    order:1
+}
+
+@media only screen and (min-width:48em)
+{
+
+    .container
+    {
+
+        width:49rem
+    }
+
+    .col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9
+    {
+
+        box-sizing:border-box;
+        -webkit-box-flex:0;
+        -ms-flex:0 0 auto;
+        flex:none;
+        padding-right:.5rem;
+        padding-left:.5rem
+    }
+
+    .col-sm
+    {
+
+        -webkit-box-flex:1;
+        -ms-flex-positive:1;
+        flex-grow:1;
+        -ms-flex-preferred-size:0;
+        flex-basis:0;
+        max-width:100%
+    }
+
+    .col-sm-1
+    {
+
+        -ms-flex-preferred-size:8.33333333%;
+        flex-basis:8.33333333%;
+        max-width:8.33333333%
+    }
+
+    .col-sm-2
+    {
+
+        -ms-flex-preferred-size:16.66666667%;
+        flex-basis:16.66666667%;
+        max-width:16.66666667%
+    }
+
+    .col-sm-3
+    {
+
+        -ms-flex-preferred-size:25%;
+        flex-basis:25%;
+        max-width:25%
+    }
+
+    .col-sm-4
+    {
+
+        -ms-flex-preferred-size:33.33333333%;
+        flex-basis:33.33333333%;
+        max-width:33.33333333%
+    }
+
+    .col-sm-5
+    {
+
+        -ms-flex-preferred-size:41.66666667%;
+        flex-basis:41.66666667%;
+        max-width:41.66666667%
+    }
+
+    .col-sm-6
+    {
+
+        -ms-flex-preferred-size:50%;
+        flex-basis:50%;
+        max-width:50%
+    }
+
+    .col-sm-7
+    {
+
+        -ms-flex-preferred-size:58.33333333%;
+        flex-basis:58.33333333%;
+        max-width:58.33333333%
+    }
+
+    .col-sm-8
+    {
+
+        -ms-flex-preferred-size:66.66666667%;
+        flex-basis:66.66666667%;
+        max-width:66.66666667%
+    }
+
+    .col-sm-9
+    {
+
+        -ms-flex-preferred-size:75%;
+        flex-basis:75%;
+        max-width:75%
+    }
+
+    .col-sm-10
+    {
+
+        -ms-flex-preferred-size:83.33333333%;
+        flex-basis:83.33333333%;
+        max-width:83.33333333%
+    }
+
+    .col-sm-11
+    {
+
+        -ms-flex-preferred-size:91.66666667%;
+        flex-basis:91.66666667%;
+        max-width:91.66666667%
+    }
+
+    .col-sm-12
+    {
+
+        -ms-flex-preferred-size:100%;
+        flex-basis:100%;
+        max-width:100%
+    }
+
+    .col-sm-offset-0
+    {
+
+        margin-left:0
+    }
+
+    .col-sm-offset-1
+    {
+
+        margin-left:8.33333333%
+    }
+
+    .col-sm-offset-2
+    {
+
+        margin-left:16.66666667%
+    }
+
+    .col-sm-offset-3
+    {
+
+        margin-left:25%
+    }
+
+    .col-sm-offset-4
+    {
+
+        margin-left:33.33333333%
+    }
+
+    .col-sm-offset-5
+    {
+
+        margin-left:41.66666667%
+    }
+
+    .col-sm-offset-6
+    {
+
+        margin-left:50%
+    }
+
+    .col-sm-offset-7
+    {
+
+        margin-left:58.33333333%
+    }
+
+    .col-sm-offset-8
+    {
+
+        margin-left:66.66666667%
+    }
+
+    .col-sm-offset-9
+    {
+
+        margin-left:75%
+    }
+
+    .col-sm-offset-10
+    {
+
+        margin-left:83.33333333%
+    }
+
+    .col-sm-offset-11
+    {
+
+        margin-left:91.66666667%
+    }
+
+    .start-sm
+    {
+
+        -webkit-box-pack:start;
+        -ms-flex-pack:start;
+        justify-content:flex-start;
+        text-align:start
+    }
+
+    .center-sm
+    {
+
+        -webkit-box-pack:center;
+        -ms-flex-pack:center;
+        justify-content:center;
+        text-align:center
+    }
+
+    .end-sm
+    {
+
+        -webkit-box-pack:end;
+        -ms-flex-pack:end;
+        justify-content:flex-end;
+        text-align:end
+    }
+
+    .top-sm
+    {
+
+        -webkit-box-align:start;
+        -ms-flex-align:start;
+        align-items:flex-start
+    }
+
+    .middle-sm
+    {
+
+        -webkit-box-align:center;
+        -ms-flex-align:center;
+        align-items:center
+    }
+
+    .bottom-sm
+    {
+
+        -webkit-box-align:end;
+        -ms-flex-align:end;
+        align-items:flex-end
+    }
+
+    .around-sm
+    {
+
+        -ms-flex-pack:distribute;
+        justify-content:space-around
+    }
+
+    .between-sm
+    {
+
+        -webkit-box-pack:justify;
+        -ms-flex-pack:justify;
+        justify-content:space-between
+    }
+
+    .first-sm
+    {
+
+        -webkit-box-ordinal-group:0;
+        -ms-flex-order:-1;
+        order:-1
+    }
+
+    .last-sm
+    {
+
+        -webkit-box-ordinal-group:2;
+        -ms-flex-order:1;
+        order:1
+    }
+
+
+}
+
+@media only screen and (min-width:64em)
+{
+
+    .container
+    {
+
+        width:65rem
+    }
+
+    .col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9
+    {
+
+        box-sizing:border-box;
+        -webkit-box-flex:0;
+        -ms-flex:0 0 auto;
+        flex:none;
+        padding-right:.5rem;
+        padding-left:.5rem
+    }
+
+    .col-md
+    {
+
+        -webkit-box-flex:1;
+        -ms-flex-positive:1;
+        flex-grow:1;
+        -ms-flex-preferred-size:0;
+        flex-basis:0;
+        max-width:100%
+    }
+
+    .col-md-1
+    {
+
+        -ms-flex-preferred-size:8.33333333%;
+        flex-basis:8.33333333%;
+        max-width:8.33333333%
+    }
+
+    .col-md-2
+    {
+
+        -ms-flex-preferred-size:16.66666667%;
+        flex-basis:16.66666667%;
+        max-width:16.66666667%
+    }
+
+    .col-md-3
+    {
+
+        -ms-flex-preferred-size:25%;
+        flex-basis:25%;
+        max-width:25%
+    }
+
+    .col-md-4
+    {
+
+        -ms-flex-preferred-size:33.33333333%;
+        flex-basis:33.33333333%;
+        max-width:33.33333333%
+    }
+
+    .col-md-5
+    {
+
+        -ms-flex-preferred-size:41.66666667%;
+        flex-basis:41.66666667%;
+        max-width:41.66666667%
+    }
+
+    .col-md-6
+    {
+
+        -ms-flex-preferred-size:50%;
+        flex-basis:50%;
+        max-width:50%
+    }
+
+    .col-md-7
+    {
+
+        -ms-flex-preferred-size:58.33333333%;
+        flex-basis:58.33333333%;
+        max-width:58.33333333%
+    }
+
+    .col-md-8
+    {
+
+        -ms-flex-preferred-size:66.66666667%;
+        flex-basis:66.66666667%;
+        max-width:66.66666667%
+    }
+
+    .col-md-9
+    {
+
+        -ms-flex-preferred-size:75%;
+        flex-basis:75%;
+        max-width:75%
+    }
+
+    .col-md-10
+    {
+
+        -ms-flex-preferred-size:83.33333333%;
+        flex-basis:83.33333333%;
+        max-width:83.33333333%
+    }
+
+    .col-md-11
+    {
+
+        -ms-flex-preferred-size:91.66666667%;
+        flex-basis:91.66666667%;
+        max-width:91.66666667%
+    }
+
+    .col-md-12
+    {
+
+        -ms-flex-preferred-size:100%;
+        flex-basis:100%;
+        max-width:100%
+    }
+
+    .col-md-offset-0
+    {
+
+        margin-left:0
+    }
+
+    .col-md-offset-1
+    {
+
+        margin-left:8.33333333%
+    }
+
+    .col-md-offset-2
+    {
+
+        margin-left:16.66666667%
+    }
+
+    .col-md-offset-3
+    {
+
+        margin-left:25%
+    }
+
+    .col-md-offset-4
+    {
+
+        margin-left:33.33333333%
+    }
+
+    .col-md-offset-5
+    {
+
+        margin-left:41.66666667%
+    }
+
+    .col-md-offset-6
+    {
+
+        margin-left:50%
+    }
+
+    .col-md-offset-7
+    {
+
+        margin-left:58.33333333%
+    }
+
+    .col-md-offset-8
+    {
+
+        margin-left:66.66666667%
+    }
+
+    .col-md-offset-9
+    {
+
+        margin-left:75%
+    }
+
+    .col-md-offset-10
+    {
+
+        margin-left:83.33333333%
+    }
+
+    .col-md-offset-11
+    {
+
+        margin-left:91.66666667%
+    }
+
+    .start-md
+    {
+
+        -webkit-box-pack:start;
+        -ms-flex-pack:start;
+        justify-content:flex-start;
+        text-align:start
+    }
+
+    .center-md
+    {
+
+        -webkit-box-pack:center;
+        -ms-flex-pack:center;
+        justify-content:center;
+        text-align:center
+    }
+
+    .end-md
+    {
+
+        -webkit-box-pack:end;
+        -ms-flex-pack:end;
+        justify-content:flex-end;
+        text-align:end
+    }
+
+    .top-md
+    {
+
+        -webkit-box-align:start;
+        -ms-flex-align:start;
+        align-items:flex-start
+    }
+
+    .middle-md
+    {
+
+        -webkit-box-align:center;
+        -ms-flex-align:center;
+        align-items:center
+    }
+
+    .bottom-md
+    {
+
+        -webkit-box-align:end;
+        -ms-flex-align:end;
+        align-items:flex-end
+    }
+
+    .around-md
+    {
+
+        -ms-flex-pack:distribute;
+        justify-content:space-around
+    }
+
+    .between-md
+    {
+
+        -webkit-box-pack:justify;
+        -ms-flex-pack:justify;
+        justify-content:space-between
+    }
+
+    .first-md
+    {
+
+        -webkit-box-ordinal-group:0;
+        -ms-flex-order:-1;
+        order:-1
+    }
+
+    .last-md
+    {
+
+        -webkit-box-ordinal-group:2;
+        -ms-flex-order:1;
+        order:1
+    }
+
+
+}
+
+@media only screen and (min-width:75em)
+{
+
+    .container
+    {
+
+        width:76rem
+    }
+
+    .col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9
+    {
+
+        box-sizing:border-box;
+        -webkit-box-flex:0;
+        -ms-flex:0 0 auto;
+        flex:none;
+        padding-right:.5rem;
+        padding-left:.5rem
+    }
+
+    .col-lg
+    {
+
+        -webkit-box-flex:1;
+        -ms-flex-positive:1;
+        flex-grow:1;
+        -ms-flex-preferred-size:0;
+        flex-basis:0;
+        max-width:100%
+    }
+
+    .col-lg-1
+    {
+
+        -ms-flex-preferred-size:8.33333333%;
+        flex-basis:8.33333333%;
+        max-width:8.33333333%
+    }
+
+    .col-lg-2
+    {
+
+        -ms-flex-preferred-size:16.66666667%;
+        flex-basis:16.66666667%;
+        max-width:16.66666667%
+    }
+
+    .col-lg-3
+    {
+
+        -ms-flex-preferred-size:25%;
+        flex-basis:25%;
+        max-width:25%
+    }
+
+    .col-lg-4
+    {
+
+        -ms-flex-preferred-size:33.33333333%;
+        flex-basis:33.33333333%;
+        max-width:33.33333333%
+    }
+
+    .col-lg-5
+    {
+
+        -ms-flex-preferred-size:41.66666667%;
+        flex-basis:41.66666667%;
+        max-width:41.66666667%
+    }
+
+    .col-lg-6
+    {
+
+        -ms-flex-preferred-size:50%;
+        flex-basis:50%;
+        max-width:50%
+    }
+
+    .col-lg-7
+    {
+
+        -ms-flex-preferred-size:58.33333333%;
+        flex-basis:58.33333333%;
+        max-width:58.33333333%
+    }
+
+    .col-lg-8
+    {
+
+        -ms-flex-preferred-size:66.66666667%;
+        flex-basis:66.66666667%;
+        max-width:66.66666667%
+    }
+
+    .col-lg-9
+    {
+
+        -ms-flex-preferred-size:75%;
+        flex-basis:75%;
+        max-width:75%
+    }
+
+    .col-lg-10
+    {
+
+        -ms-flex-preferred-size:83.33333333%;
+        flex-basis:83.33333333%;
+        max-width:83.33333333%
+    }
+
+    .col-lg-11
+    {
+
+        -ms-flex-preferred-size:91.66666667%;
+        flex-basis:91.66666667%;
+        max-width:91.66666667%
+    }
+
+    .col-lg-12
+    {
+
+        -ms-flex-preferred-size:100%;
+        flex-basis:100%;
+        max-width:100%
+    }
+
+    .col-lg-offset-0
+    {
+
+        margin-left:0
+    }
+
+    .col-lg-offset-1
+    {
+
+        margin-left:8.33333333%
+    }
+
+    .col-lg-offset-2
+    {
+
+        margin-left:16.66666667%
+    }
+
+    .col-lg-offset-3
+    {
+
+        margin-left:25%
+    }
+
+    .col-lg-offset-4
+    {
+
+        margin-left:33.33333333%
+    }
+
+    .col-lg-offset-5
+    {
+
+        margin-left:41.66666667%
+    }
+
+    .col-lg-offset-6
+    {
+
+        margin-left:50%
+    }
+
+    .col-lg-offset-7
+    {
+
+        margin-left:58.33333333%
+    }
+
+    .col-lg-offset-8
+    {
+
+        margin-left:66.66666667%
+    }
+
+    .col-lg-offset-9
+    {
+
+        margin-left:75%
+    }
+
+    .col-lg-offset-10
+    {
+
+        margin-left:83.33333333%
+    }
+
+    .col-lg-offset-11
+    {
+
+        margin-left:91.66666667%
+    }
+
+    .start-lg
+    {
+
+        -webkit-box-pack:start;
+        -ms-flex-pack:start;
+        justify-content:flex-start;
+        text-align:start
+    }
+
+    .center-lg
+    {
+
+        -webkit-box-pack:center;
+        -ms-flex-pack:center;
+        justify-content:center;
+        text-align:center
+    }
+
+    .end-lg
+    {
+
+        -webkit-box-pack:end;
+        -ms-flex-pack:end;
+        justify-content:flex-end;
+        text-align:end
+    }
+
+    .top-lg
+    {
+
+        -webkit-box-align:start;
+        -ms-flex-align:start;
+        align-items:flex-start
+    }
+
+    .middle-lg
+    {
+
+        -webkit-box-align:center;
+        -ms-flex-align:center;
+        align-items:center
+    }
+
+    .bottom-lg
+    {
+
+        -webkit-box-align:end;
+        -ms-flex-align:end;
+        align-items:flex-end
+    }
+
+    .around-lg
+    {
+
+        -ms-flex-pack:distribute;
+        justify-content:space-around
+    }
+
+    .between-lg
+    {
+
+        -webkit-box-pack:justify;
+        -ms-flex-pack:justify;
+        justify-content:space-between
+    }
+
+    .first-lg
+    {
+
+        -webkit-box-ordinal-group:0;
+        -ms-flex-order:-1;
+        order:-1
+    }
+
+    .last-lg
+    {
+
+        -webkit-box-ordinal-group:2;
+        -ms-flex-order:1;
+        order:1
+    }
+
+
+}
diff --git a/src/footer.th b/src/footer.th
new file mode 100644
index 0000000..2ab5c0d
--- /dev/null
+++ b/src/footer.th
@@ -0,0 +1,2 @@
+    </body>
+</html>
diff --git a/src/header.th b/src/header.th
new file mode 100644
index 0000000..ce5fc72
--- /dev/null
+++ b/src/header.th
@@ -0,0 +1,6 @@
+<html>
+    <head>
+        <title>My Homepage</title>
+        <link rel="stylesheet" href="https://classless.de/classless.css">
+    </head>
+    <body>
diff --git a/src/index.ps b/src/index.ps
new file mode 100644
index 0000000..263ec5e
--- /dev/null
+++ b/src/index.ps
@@ -0,0 +1,18 @@
+#!/bin/ksh
+
+echo "<h1>CODEVOID</h1>
+
+<h2>Posts</h2>
+
+<ol>"
+
+cd src/posts
+ls -1 | while read line
+do
+    echo "<li><a href=\"posts/${line%%.*}.html\">${line%%.*}</a></li>"
+done
+
+
+echo "</ol>"
+
+
diff --git a/src/posts/2023-10-22-Hello-World-md.pm b/src/posts/2023-10-22-Hello-World-md.pm
new file mode 100644
index 0000000..a96f6a5
--- /dev/null
+++ b/src/posts/2023-10-22-Hello-World-md.pm
@@ -0,0 +1,14 @@
+# Hello World!
+
+This is a test page written im Markdown. It's quite easy to write `code` examples.
+It even has code blocks
+
+```
+#include <stdio.h>
+
+int main(int argc, char *argv[])
+{
+    printf("Hello World!\n");
+    return 0;
+}
+```
diff --git a/src/posts/2023-10-23-Hello-World-sh.ps b/src/posts/2023-10-23-Hello-World-sh.ps
new file mode 100644
index 0000000..6d10ad2
--- /dev/null
+++ b/src/posts/2023-10-23-Hello-World-sh.ps
@@ -0,0 +1,12 @@
+#!/bin/ksh
+
+echo "<h1>Hello World (shell version)</h1>"
+echo "This page is generated by a shell script."
+echo "<br><br>"
+echo "<b>Here's a tree:</b><br>"
+echo "<pre>"
+tree | while read line
+do
+    echo "$line"
+done
+echo "</pre>"
diff --git a/src/posts/2023-10-24-Hello-World-adoc.pa b/src/posts/2023-10-24-Hello-World-adoc.pa
new file mode 100644
index 0000000..129992b
--- /dev/null
+++ b/src/posts/2023-10-24-Hello-World-adoc.pa
@@ -0,0 +1,34 @@
+= Hello World, adoc version!
+
+Ahh, the full blown super duper asciidoctor with diagram support.
+
+So, this:
+[source,graphviz]
+----
+[graphviz, "dot_example", "svg"]
+\----
+graph ethane {
+     C_0 -- H_0 [type=s];
+     C_0 -- H_1 [type=s];
+     C_0 -- H_2 [type=s];
+     C_0 -- C_1 [type=s];
+     C_1 -- H_3 [type=s];
+     C_1 -- H_4 [type=s];
+     C_1 -- H_5 [type=s];
+\----
+----
+
+Generates this:
+[graphviz, "dot_example", "svg"]
+----
+graph ethane {
+     C_0 -- H_0 [type=s];
+     C_0 -- H_1 [type=s];
+     C_0 -- H_2 [type=s];
+     C_0 -- C_1 [type=s];
+     C_1 -- H_3 [type=s];
+     C_1 -- H_4 [type=s];
+     C_1 -- H_5 [type=s];
+}
+----
+