config.toml

@@ -19,6 +19,6 @@ nav_items = [
 	{name="Home",      path="/"},
 	{name="About",     path="/about"},
 	{name="Projects",  path="/projects/"},
-	#{name="Posts",      path="/posts"}
+	{name="Posts",      path="/posts"}
 ]
 

content/posts/_index.md

@@ -0,0 +1,7 @@
++++
+title = "Posts"
+template = "post_list.html"
+page_template = "post.html"
+sort_by = "date"
++++
+

content/posts/jellyfin.md

@@ -0,0 +1,9 @@
++++
+title = "Jellyfin"
+date = 2024-10-03
+description = "My Jellyfin docker based instance"
++++
+
+This is an post about my docker based Jellyfin instance
+
+

content/posts/nextcloud.md

@@ -0,0 +1,9 @@
++++
+title = "Nextcloud"
+date = 2024-10-03
+description = "My Nextcloud docker based instance"
++++
+
+This is an post about my docker based Nextcloud instance
+
+

templates/post.html

@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+
+{% block styles %}
+	<link rel="stylesheet" href="/project.css">
+{% endblock styles %}
+
+{% block content %}
+	<section class="project-wrapper flex-col">
+    <!--
+		<section class="left-bar flex-col">
+			<h2>Projects</h2>
+			{% set section = get_section(path=page.ancestors | last) %}
+			{% for project in section.pages %}
+				<a href="{{ project.permalink }}">{{project.title}}</a>
+			{% endfor %}
+		</section>
+-->
+	
+    <h2>{{ page.title }}</h2>
+    <div>
+      {{ page.content | safe }}
+    </div>
+    <a href="/posts">Back to list of posts</a>
+	</section>
+{% endblock content %}
+

templates/post_list.html

@@ -0,0 +1,28 @@
+{% extends "base.html" %}
+
+{% block styles %}
+	<link rel="stylesheet" href="/project_list.css">
+{% endblock styles %}
+
+{% block content %}
+	<section class="project-list content">
+		<h1>My Posts</h1>
+			{% for post in section.pages %}
+				<div class="project">
+						<a class="title" href="{{ post.permalink }}">
+							{{ post.title }}
+						</a>
+						<p class="description">
+							{% if post.description %}
+								{{ post.description }}
+							{% else %}
+								&hellip;
+							{% endif %}
+						</p>
+						<hr>
+						<p>{{ post.date }}</p>
+				</div>
+			{% endfor %}
+	</section>
+{% endblock content %}
+