Basic display the content of the post

static/css/base.css

@@ -58,13 +58,19 @@ nav a:hover {
 div.container {
     margin: auto;
     width: 80%;
+    min-height: calc(100vh - 9.2em);
+}
+
+strong {
+    font-family: monospace;
+    font-size: 10px;
 }
 
 footer {
     bottom: 0;
-    position: fixed;
     display: grid;
     width: 100%;
+    margin-top: auto;
     background-color: #444444;
     color: #f0f0f0;
     font-family: monospace;

static/css/index.css

@@ -45,14 +45,14 @@ article figure img {
     grid-area: info;
 }
 
-strong {
-    font-family: monospace;
-    font-size: 10px;
-}
-
 div.pagination {
     margin-top: 50px;
     width: auto;
     height: 3em;
     text-align: center;
 }
+
+div.pagination a {
+    color: black;
+    text-decoration: none;
+}

templates/posts.html.tera

@@ -0,0 +1,11 @@
+{% extends "base" %}
+{% block title %}{% endblock title %}
+
+{% block content %}
+<h1><strong>Title: </strong>{{ post.title }}</h1>
+<strong>Content:</strong>
+<article>
+  {{ post.content | split(pat="\n") | join(sep="----------") }}
+</article>
+
+{% endblock content %}