diff options
author | Botond Hende <nettingman@gmail.com> | 2024-09-04 20:05:51 +0200 |
---|---|---|
committer | Botond Hende <nettingman@gmail.com> | 2024-09-04 20:05:51 +0200 |
commit | bea80928f694671010bc99493d31879df7d42836 (patch) | |
tree | afb71282df8f01ce4b2dd87a292febe7ad8e3537 /templates |
initial commit
Diffstat (limited to 'templates')
-rw-r--r-- | templates/acknowledgement.html.j2 | 18 | ||||
-rw-r--r-- | templates/base.html.j2 | 48 | ||||
-rw-r--r-- | templates/blogpost.html.j2 | 30 | ||||
-rw-r--r-- | templates/blogpost_sub.html.j2 | 10 | ||||
-rw-r--r-- | templates/feed.xml.j2 | 20 | ||||
-rw-r--r-- | templates/index.html.j2 | 18 | ||||
-rw-r--r-- | templates/sidebar.html.j2 | 35 | ||||
-rw-r--r-- | templates/tag.html.j2 | 18 | ||||
-rw-r--r-- | templates/tags.html.j2 | 8 |
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 %} |