added title styling to default stylesheet

now has "title" class for easier styling

src/zona/data/content/static/style.css

@@ -90,6 +90,11 @@ h1 {
   font-weight: bold;
 }
 
+.title {
+  text-transform: lowercase;
+  font-family: monospace;
+}
+
 article h1:first-of-type {
   margin-block-start: 1.67rem;
 }

src/zona/data/templates/basic.html

@@ -1,9 +1,7 @@
 {% extends "base.html" %}
 
 {% block content %}
-{% if metadata.show_title %}
+{% include "title.html" %}
-<center><h1>{{ metadata.title }}</h1></center>
-{% endif %}
 {{ content | safe }}
 {% endblock %}
 

src/zona/data/templates/page.html

@@ -1,13 +1,9 @@
-{% extends "base.html" %}
+{% extends "base.html" %} {% block content %} {% include "title.html" %} {% if
-
+metadata.date %}
-{% block content %}
+<center>
-{% if metadata.show_title %}
+  <time class="post-date" datetime="{{ metadata.date | safe }}"
-<center><h1>{{ metadata.title }}</h1></center>
+  >{{ metadata.date | safe}}</time>
-{% endif %}
+</center>
-{% if metadata.date %}
-<center><small><time datetime="{{ metadata.date | safe }}">{{ metadata.date | safe}}</time></small></center>
 {% endif %}
 <article>{{ content | safe }}</article>
 {% endblock %}
-
-

src/zona/data/templates/post_list.html

@@ -1,17 +1,15 @@
-{% extends "base.html" %}
+{% extends "base.html" %} {% block content %} {% include "title.html" %}
-
-{% block content %}
-
-<center><h1>{{ metadata.title }}</h1></center>
 
 <article>{{ content | safe }}</article>
 
 {% if post_list %}
-  <ul>
+<ul>
-    {% for item in post_list %}
+  {% for item in post_list %}
-      <li><small><time datetime="{{ item.metadata.date | safe }}">{{ item.metadata.date | safe}}</time></small>: <a href="/{{ item.url }}">{{ item.metadata.title }}</a></li>
+  <li>
-    {% endfor %}
+    <time class="post-list-date" datetime="{{ item.metadata.date | safe }}"
-  </ul>
+    >{{ item.metadata.date | safe}}</time>: <a href="/{{ item.url }}"
-{% endif %}
+    >{{ item.metadata.title }}</a>
-{% endblock %}
+  </li>
-
+  {% endfor %}
+</ul>
+{% endif %} {% endblock %}

src/zona/data/templates/title.html

@@ -0,0 +1,4 @@
+{% if metadata.show_title %}
+<center><h1 class="title">{{ metadata.title }}</h1></center>
+<hr>
+{% endif %}