9 files changed, 205 insertions, 0 deletions
diff --git a/templates/acknowledgement.html.j2 b/templates/acknowledgement.html.j2
new file mode 100644
index 0000000..6cb5938
--- /dev/null
+++ b/templates/acknowledgement.html.j2
@@ -0,0 +1,18 @@
+{% extends "base.html.j2" %}
+{% block page_title %}Acknowledgement {{ super() }}{% endblock %}
+{% block page_title_short %}Acknowledgement{% endblock %}
+{% block content %}
+<h1 class="first-element">Acknowledgement<h1>
+<p>Thank you for everyone, who made this blog possible, like...<br>
+<br>
+<a href="https://blog.marcsello.com">Marcsello</a> who was kind enough to share his blog source with the world, so I could <del>steal</del> get inspired by it<br>
+<a href="https://ascii.co.uk/art/tree">David Moore</a> for the ascii art tree<br>
+<a href="https://github.com/twbs/bootstrap">Bootstrap</a> for the awesome CSS library and <a href="https://github.com/dmhendricks/bootstrap-grid-css">dmhendricks</a> for the grid only extraction<br>
+<a href="https://jinja.palletsprojects.com">Jinja</a> for the intuitive templating language<br>
+<a href="https://marko-py.readthedocs.io">Marko</a> for the extensible MD converter<br>
+<a href="https://www.jetbrains.com">Jetbrains</a> for their amazing <a href="https://www.jetbrains.com/lp/mono">font</a> which I use literally everywhere<br>
+<a href="http://terminal.sexy">terminal.sexy</a> for the cool terminal color template<br>
+<a href="https://icon-sets.iconify.design">iconify</a> for all the icons<br>
+<br>
+... and last but not least, You dear Reader!</p>
+{% endblock %}
+\ No newline at end of file
diff --git a/templates/base.html.j2 b/templates/base.html.j2
new file mode 100644
index 0000000..1925ed2
--- /dev/null
+++ b/templates/base.html.j2
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en">
+<head>
+    <meta charset="utf-8"/>
+	<title>{% block page_title %}{{ site.blog_name }}{% endblock %}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta property="og:title" content="{% block page_title_short %}{{ site.blog_name }}{% endblock %}" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="{{ url }}" />
+    <link rel="stylesheet" href="{{ site.assets_path }}/css/blog.css" />
+    <link rel="stylesheet" href="{{ site.assets_path_static }}/css/bootstrap-grid.min.css" />
+</head>
+<body>
+<div class="bootstrap-wrapper">
+    <div class="container">
+         <a href="/" class="row dont-bother">
+            <header class="col-lg-9" role="banner">
+                <div>
+                    <h1 class="green blog-title">{{ site.blog_name }}</h1>
+                    <p>{{ site.subtitle }}</p>
+                </div>
+                <span class="ascii-art"><b><span class="green">     ccee88oo
+  C8O8O8Q8PoOb o8oo
+ dOB68QO8PdUOpugoO9bD
+CgggbU8OU qOp qOdoUOdcb
+    6OuU</span><span class="yellow">  /</span><span class="green">p u gcoUodpP</span>
+<span class="yellow">      \\\//  /<span><span class="green">douUP</span>
+<span class="yellow">        \\\////
+         |||/\
+         |||\/
+         |||||
+         |||||
+        //||||\</span></b></span>
+            </header>
+        </a>
+        <div class="row">
+            <main class="col-md-9">
+                {% block content required %}{% endblock %}
+            </main>
+            <aside class="col-md-3">
+                {% include 'sidebar.html.j2' %}
+            </aside>
+        </div>
+    </div>
+</div>
+<div class="huge-vertical-spacer-at-the-bottom"></div>
+</body>
+</html>
diff --git a/templates/blogpost.html.j2 b/templates/blogpost.html.j2
new file mode 100644
index 0000000..7375ee4
--- /dev/null
+++ b/templates/blogpost.html.j2
@@ -0,0 +1,30 @@
+{% extends "base.html.j2" %}
+{% block page_title %}{{ post.title() }} {{ super() }}{% endblock %}
+{% block page_title_short %}{{ post.title() }}{% endblock %}
+{% block content %}
+<h1 class="first-element">{{ post.title() }}</h1>
+<p>{{ post.get_prompt("ls tags/") }}
+<br>
+{{ post.get_tags() }}</p>
+<hr>
+<p>{{ post.get_prompt("stat -c %.10w content") }}
+<br>
+{{ post.get_publish_time() }}</p>
+<hr>
+<p>{{ post.get_cat_prompt("content") }}</p>
+<div class="blog-content-spacer"></div>
+{{ post.html|safe }}
+<hr>
+<p>{{ post.get_prompt("find other_posts/ -type f -exec head {} +") }}</p>
+{% for similar in post.get_similar_posts() %}
+<a href="{{ similar.href }}" class="other_post dont-bother posts-listing-link {% if loop.last %}last-element{% endif%}">
+<div>
+<h3>{{ similar.title() }}</h3>
+<p>{{ similar.intro }}</p>
+</div>
+<div>
+<img src="{{ similar.thumbnail }}" />
+</div>
+</a>
+{% endfor %}
+{% endblock %}
diff --git a/templates/blogpost_sub.html.j2 b/templates/blogpost_sub.html.j2
new file mode 100644
index 0000000..5bf4d94
--- /dev/null
+++ b/templates/blogpost_sub.html.j2
@@ -0,0 +1,10 @@
+{% extends "base.html.j2" %}
+{% block page_title %}{{ post.title() }} {{ super() }}{% endblock %}
+{% block page_title_short %}{{ post.title() }}{% endblock %}
+{% block content %}
+<p class="first-element">{{ post.get_cat_prompt(subpage_name) }}</p>
+<div class="blog-content-spacer"></div>
+{{ subpage_html|safe }}
+<hr>
+<p class="last-element">{{ post.get_cat_prompt("") }}<a href=".">content</a></p>
+{% endblock %}
diff --git a/templates/feed.xml.j2 b/templates/feed.xml.j2
new file mode 100644
index 0000000..7e51092
--- /dev/null
+++ b/templates/feed.xml.j2
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0">
+<channel>
+    <title>@yggdrasil</title>
+    <link>https://blog.wazul.moe/feed.xml</link>
+    <description>The chronicle of my works and learnings</description>
+    <language>en</language>
+    <lastBuildDate>{{ build_date }}</lastBuildDate>
+    {% for post in posts %}
+    <item>
+        <title>{{ post.title() }}</title>
+        <link>{{ post.get_link() }}</link>
+        <description>{{ post.intro }}</description>
+        <guid isPermaLink="false">{{ post.get_link() }}</guid>
+        <author>contact@wazul.moe</author>
+        <pubDate>{{ post.get_publish_time_rfc2822() }}</pubDate>
+    </item>
+    {% endfor %}
+    </channel>
+</rss>
+\ No newline at end of file
diff --git a/templates/index.html.j2 b/templates/index.html.j2
new file mode 100644
index 0000000..09ce8ad
--- /dev/null
+++ b/templates/index.html.j2
@@ -0,0 +1,18 @@
+{% extends "base.html.j2" %}
+{% block content %}
+{% for post in posts %}
+{% if loop.first %}
+<p class="first-element">{{ post.get_index_prompt() }}</p>
+{% else %}
+<p>{{ post.get_index_prompt() }}</p>
+{% endif %}
+<a class="posts-listing-link dont-bother" href="{{ post.href }}">
+	<img src="{{ post.thumbnail }}" />
+	<h2 class="index-title">{{ post.title() }}</h2>
+	<p>{{ post.intro }}</p>
+</a>
+{% if not loop.last %}
+<hr>
+{% endif %}
+{% endfor %}
+{% endblock %}
diff --git a/templates/sidebar.html.j2 b/templates/sidebar.html.j2
new file mode 100644
index 0000000..2c75a8c
--- /dev/null
+++ b/templates/sidebar.html.j2
@@ -0,0 +1,35 @@
+<div class="sidebar-spacing"></div>
+<h3 class="magenta first-element">About me</h3>
+<p>I'm a game developer by occupation and a computer enthusiast by hobby.
+I love learning about and working on anything related to computers or geek stuff,
+although I consider myself only a passionate greenhorn.
+Sometimes I touch upon some more artistic stuff, but mostly just to amuse myself.</p>
+<div class="icon-text">
+<p>btw I use arch</p>
+<img src="/assets/image/arch.svg" class="svg-icon" />
+</div>
+<h3 class="magenta">Stuff I do</h3>
+<a href="https://wazul.moe" class="icon-text">
+<img src="/assets/image/website.svg" class="svg-icon" />
+<span>My website</span>
+</a>
+<a href="https://git.wazul.moe" class="icon-text">
+<img src="/assets/image/git.svg" class="svg-icon" />
+<span>Git repositories</span>
+</a>
+<h3 class="magenta">Top tags</h3>
+<p>{% for tag in site.top_tags %}<a href="/tags/{{ tag }}.html">{{ tag }}/</a>{% if not loop.last %} {% endif %}{% endfor %}</p>
+<p>more: cd <a href="/tags">~/tags</a></p>
+<h3 class="magenta">Never miss a post</h3>
+<a href="/feed.xml" class="icon-text">
+<img src="/assets/image/rss.svg" class="svg-icon" />
+<span>RSS feed</span>
+</a>
+<h3 class="magenta">Contact me at</h3>
+<a href="mailto:contact@wazul.moe" class="icon-text">
+<img src="/assets/image/email.svg" class="svg-icon" />
+<span>contact@wazul.moe</span>
+</a>
+<p>especially if you find some typos or bugs on the page</p>
+<h3 class="magenta">Thank you</h3>
+<p class="last-element">for <a href="/acknowledgement.html">everyone</a> who made this blog possible</p>
diff --git a/templates/tag.html.j2 b/templates/tag.html.j2
new file mode 100644
index 0000000..093f41b
--- /dev/null
+++ b/templates/tag.html.j2
@@ -0,0 +1,18 @@
+{% extends "base.html.j2" %}
+{% block page_title %}tags/{{ tag }} {{ super() }}{% endblock %}
+{% block page_title_short %}tags/{{ tag }}{% endblock %}
+{% block content %}
+<h1 class="first-element">tags/{{ tag }}/</h1>
+<p>{{ config.get_tag_prompt(tag, "find other_posts/ -type f -exec head {} +") }}</p>
+{% for post in posts %}
+<a href="{{ post.href }}" class="other_post dont-bother posts-listing-link {% if loop.last %}last-element{% endif%}">
+<div>
+<h3>{{ post.title() }}</h3>
+<p>{{ post.intro }}</p>
+</div>
+<div>
+<img src="{{ post.thumbnail }}" />
+</div>
+</a>
+{% endfor %}
+{% endblock %}
diff --git a/templates/tags.html.j2 b/templates/tags.html.j2
new file mode 100644
index 0000000..8812559
--- /dev/null
+++ b/templates/tags.html.j2
@@ -0,0 +1,8 @@
+{% extends "base.html.j2" %}
+{% block page_title %}tags/ {{ super() }}{% endblock %}
+{% block page_title_short %}tags/{% endblock %}
+{% block content %}
+<h1 class="first-element">tags/</h1>
+<p>{{ config.get_tag_prompt("", "ls .") }}</p>
+<p class="last-element">{{ tags_ls }}</p>
+{% endblock %}