5 files changed, 46 insertions, 2 deletions
diff --git a/templates/base.html.tera b/templates/base.html.tera
index 98ae3f3..3874df3 100644
--- a/templates/base.html.tera
+++ b/templates/base.html.tera
@@ -37,7 +37,7 @@
         <ul id="nav">
           <li><a class="{% block nav_home %}{% endblock %}" href="/">home</a></li>
           <li><a class="{% block nav_contact %}{% endblock %}" style="font-family: 'Compagnon Roman';" href="/contact">kontakt</a></li>
-          <li><a class="{% block nav_girlblog %}{% endblock %}" style="font-family: Sligoil" href="/blog">girlblog</a></li>
+          <li><a class="{% block nav_blog %}{% endblock %}" style="font-family: Sligoil" href="/blog">girlblog</a></li>
           <li><a class="{% block nav_projects %}{% endblock %}" style="font-family: 'DeGerm LoCase';" href="/projects">projetos</a></li>
           <li><a class="{% block nav_sound %}{% endblock %}" style="font-family: 'kirieji'" href="/sound">音</a></li>
           <li><a class="{% block nav_listens %}{% endblock %}" style="font-family: 'Almendra Display'; font-weight: 900;" href="https://listenbrainz.org/celblossom">écoute</a></li>
@@ -56,7 +56,7 @@
         </ul>
       </nav>
 
-      <main>
+      <main class="{% if reverse %}{{ reverse }}{% endif %}">
         <div class="main-content">
 
           {% block content %}
diff --git a/templates/blog.html.tera b/templates/blog.html.tera
new file mode 100644
index 0000000..20ec08e
--- /dev/null
+++ b/templates/blog.html.tera
@@ -0,0 +1,22 @@
+{% extends "base" %}
+
+{% block nav_blog %}active{% endblock %}
+
+{% block content %}
+
+{% for blogpost in blogposts %}
+{% include "blogpost-panel" %}
+{% endfor %}
+
+{% endblock content %}
+
+{% block aside %}
+
+<aside>
+
+  {% include "latestposts" %}
+  {% include "filtertags" %}
+
+</aside>
+
+{% endblock aside %}
diff --git a/templates/blogpost-panel.html.tera b/templates/blogpost-panel.html.tera
new file mode 100644
index 0000000..b722035
--- /dev/null
+++ b/templates/blogpost-panel.html.tera
@@ -0,0 +1,8 @@
+<div class="panel content blogpost">
+  <h1 class="title">{{ blogpost.subject }}</h1>
+  <h2 class="created-at">{{ blogpost.created_at }}<a href="/blog/{{ blogpost.data.name }}">permalink</a></h2>
+  <div class="tags">{% for tag in blogpost.tags %}<a class="tag" href="/tag/{{ tag }}">{{ tag }}</a>{% endfor %}</div>
+  <div class="blogpost-content">
+  {{ blogpost.render }}
+  </div>
+</div>
diff --git a/templates/blogpost.html.tera b/templates/blogpost.html.tera
new file mode 100644
index 0000000..b73a24b
--- /dev/null
+++ b/templates/blogpost.html.tera
@@ -0,0 +1,7 @@
+{% extends "base" %}
+
+{% block content %}
+
+{% include "blogpost-panel" %}
+
+{% endblock content %}
diff --git a/templates/filtertags.html.tera b/templates/filtertags.html.tera
new file mode 100644
index 0000000..da001e8
--- /dev/null
+++ b/templates/filtertags.html.tera
@@ -0,0 +1,7 @@
+<div class="panel" id="filter-tags">
+<h2>filter tag</h2>
+<div class="tags">
+  {% for tag in tags %}<a href="/blog/tag/{{ tag }}">{{ tag }}</a>{% endfor %}
+</div>
+<br>
+</div>