summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorBotond Hende <nettingman@gmail.com>2024-09-04 20:05:51 +0200
committerBotond Hende <nettingman@gmail.com>2024-09-04 20:05:51 +0200
commitbea80928f694671010bc99493d31879df7d42836 (patch)
treeafb71282df8f01ce4b2dd87a292febe7ad8e3537 /templates
initial commit
Diffstat (limited to 'templates')
-rw-r--r--templates/acknowledgement.html.j218
-rw-r--r--templates/base.html.j248
-rw-r--r--templates/blogpost.html.j230
-rw-r--r--templates/blogpost_sub.html.j210
-rw-r--r--templates/feed.xml.j220
-rw-r--r--templates/index.html.j218
-rw-r--r--templates/sidebar.html.j235
-rw-r--r--templates/tag.html.j218
-rw-r--r--templates/tags.html.j28
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 %}