add blog

content/_index.md

@@ -36,6 +36,9 @@ I also made a lil badge to show if i am currently online. Cool, huh?
 ## Projects
 You can find the list of my projects [here](/projects).
 
+## Blog
+See [here](/blog)
+
 ## Webrings!!
 I like webrings.
 

content/blog/_index.md

@@ -0,0 +1,9 @@
++++
+template = "custom/blog.html"
+
+title = "Blog"
++++
+
+[go home](/)
+
+My blog listings.

content/blog/hi.md

@@ -0,0 +1,17 @@
++++
+template = 'custom/blog-post.html'
+
+title = 'Hi!'
+description = 'First post here!'
+date = '2024-08-01'
+slug = 'hi'
+year = 2024
+month = 1
+day = 8
+lang = 'en'
+
+[extra]
+author = 'b1ek <me@blek.codes>'
++++
+
+Hey, this is the first post here! We'll se how it goes from there.

templates/custom/blog-post.html

@@ -0,0 +1,15 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>{{ page.title }}</h2>
+<noscript>
+    Your browser doesn't support JS. This is so cool!
+</noscript>
+
+<div class='md-content'>
+    <a href='/blog'>go to posts</a>
+    {{ page.content | safe }}
+</div>
+
+{% endblock content %}

templates/custom/blog.html

@@ -0,0 +1,35 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>{{ section.title }}</h2>
+<noscript>
+    Your browser doesn't support JS. This is so cool!
+</noscript>
+
+<div class='md-content'>
+    {{ section.content | safe }}
+</div>
+
+{% for year, posts in section.pages | group_by(attribute="year") %}
+    <h2>Posts for {{ year }}</h2>
+
+    <ul style='list-style:none;text-align:left;padding-left:0'>
+        {% for post in posts %}
+            <li>
+                <h3><a href="{{ post.permalink }}">{{ post.title }}</a></h3>
+                <p style='margin-bottom:0'>{{ post.description }}</p>
+                
+                <p style='color:gray;font-size:90%'>
+                    Date: {{ post.date }} <br/>
+                    Author: {{ post.extra.author }}
+                </p>
+            </li>
+        {% endfor %}
+    </ul>
+
+    <hr/>
+{% endfor %}
+
+
+{% endblock content %}