Add Blog section to site

Signed-off-by: John Eckersberg <jeckersb@redhat.com>

Author: jeckersb

config.toml

@@ -54,6 +54,7 @@ juice_extra_menu = [
     { title = "About", link = "/about", external = false },
     { title = "Docs", link = "https://bootc-dev.github.io/bootc/", external = true },
     { title = "News", link = "/news", external = false },
+    { title = "Blog", link = "/blog", external = false },
     { title = "GitHub", link = "https://github.com/bootc-dev/bootc", external = true },
 ]
 favicon = "favicon.ico"

content/blog/_index.md

@@ -0,0 +1,7 @@
++++
+title = "Blog"
+weight = 8
+sort_by = "date"
+template = "blog.html"
+page_template = "blog-page.html"
++++

themes/juice/templates/blog-page.html

@@ -0,0 +1,13 @@
+{% import "_macros.html" as macros %}
+{% extends "base.html" %}
+
+{% block header %}
+<header class="box-shadow">
+    {{ macros::render_header() }}
+</header>
+{% endblock header %}
+
+{% block content %}
+<div class="heading-text">{{ page.description }}</div>
+{{ page.content | safe }}
+{% endblock content %}

themes/juice/templates/blog.html

@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+
+{% block header %}
+<header class="box-shadow">
+    {{ macros::render_header() }}
+</header>
+{% endblock header %}
+
+{% block content %}
+<h1 class="title">
+    {{ section.title }}
+</h1>
+<ul>
+    <!-- If you are using pagination, section.pages will be empty. You need to use the paginator object -->
+    {% for page in section.pages %}
+    <li><a href="{{ page.permalink | safe }}">{{ page.date }} - {{ page.title }}</a></li>
+    {% endfor %}
+</ul>
+{% endblock content %}
+
+{% block sidebar %}
+<div class="sidebar">
+    <h2 class="title is-2 is-block-fullhd is-skipped">Archive</h2>
+    <ul class="link-list archive">
+        {% set all_content = get_section(path="blog/_index.md") %}
+        {% for post in all_content.pages %}
+           <li><a href="{{ post.permalink }}" title="{{ post.title }}">{{ post.title }}</a></li>
+        {% endfor %}
+    </ul>
+</div>
+{% endblock sidebar %}