First pass at CSS tweaking. HTML indent consistency.

content/pages/contact.md

-Title: Contact Me
+Title: Contact
 
 [anton@ant.sr](mailto:anton@ant.sr)

theme/static/css/style.css

@@ -6,6 +6,36 @@ body {
     padding: 0 1em;
 }
 
+/* Headings */
+h1 {
+    font-size: 1.5em;
+}
+h2 {
+    font-size: 1.17em;
+}
+h3 {
+    font-size: 1em;
+}
+h4 {
+    font-size: .83em;
+}
+h5 {
+    font-size: .67em;
+}
+h6 {
+    font-size: .5em;
+}
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child {
+    margin-top: 0;
+}
+
+
+/* Links */
 a:link,
 a:visited,
 a:active {
@@ -14,7 +44,8 @@ a:active {
     text-decoration: none;
 }
 a:focus,
-a:hover {
+a:hover,
+a.active {
     color: #036;
 }
 
@@ -24,6 +55,7 @@ body > header {
     white-space: pre-line;
     text-align: center;
     font-size: .8rem;
+    margin-bottom: .6em;
 }
 body > header > h1,
 body > header > h2 {
@@ -51,17 +83,24 @@ body > div > :not(:last-child) {
 /********** Nav, Aside **********/
 body > div > nav,
 body > div > aside {
-    flex: 0 1 20%;
+    flex: 1 0 100%;
 }
+/* Nav */
 body > div > nav ul {
     list-style-type: none;
+    margin: 0;
     padding-left: 0;
+    text-align: right;
+}
+body > div > nav li {
+    margin-bottom: .25em;
 }
 
 
 /********** Main **********/
 body > div > main {
-    flex: 1;
+    flex: 4 0 100%;
+    max-width: 100%;
 }
 
 
@@ -78,4 +117,11 @@ body > footer {
     body > header {
         font-size: 1rem;
     }
+    body > div > nav,
+    body > div > aside {
+        flex-basis: 100px;
+    }
+    body > div > main {
+        flex-basis: 400px;
+    }
 }

theme/templates/base.html

@@ -42,32 +42,39 @@
             {% endif %}
     </header>
     <div>
-        <nav><ul>
-        {% for title, link in MENUITEMS %}
-            <li><a href="{{ link }}">{{ title }}</a></li>
-        {% endfor %}
-        {% if DISPLAY_PAGES_ON_MENU %}
-          {% for p in PAGES %}
-            <li{% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ p.url }}">{{ p.menu_title or p.title }}</a></li>
-          {% endfor %}
-        {% else %}
-          {% if DISPLAY_CATEGORIES_ON_MENU %}
-            {% for cat, null in categories %}
-              <li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
-            {% endfor %}
-          {% endif %}
-        {% endif %}
-        </ul></nav>
+        <nav>
+            <ul>
+                {% for title, link in MENUITEMS %}
+                <li><a href="{{ link }}">{{ title }}</a></li>
+                {% endfor %}
+                {% if DISPLAY_PAGES_ON_MENU %}
+                {% for p in PAGES %}
+                <li><a href="{{ SITEURL }}/{{ p.url }}"{% if p == page %} class="active"{% endif %}>{{ p.menu_title or p.title }}</a></li>
+                {% endfor %}
+                {% endif %}{# DISPLAY_PAGES_ON_MENU #}
+                {% if DISPLAY_CATEGORIES_ON_MENU %}
+                {% for cat, null in categories %}
+                <li><a href="{{ SITEURL }}/{{ cat.url }}"{% if cat == category %} class="active"{% endif %}>{{ cat }}</a></li>
+                {% endfor %}
+                {% endif %}{# DISPLAY_CATEGORIES_ON_MENU #}
+            </ul>
+        </nav>
+        {% if self.content() %}
         <main>
-        {%- block content %}{% endblock -%}
+            {% block content %}{% endblock %}
         </main>
+        {% endif %}
+        {% if self.aside() %}
         <aside>
-        {%- block aside %}{% endblock -%}
+            {% block aside %}{% endblock %}
         </aside>
+        {% endif %}
     </div>
+    {% if self.footer() %}
     <footer>
-    {%- block footer %}{% endblock -%}
+        {% block footer %}{% endblock %}
     </footer>
+    {% endif %}
 {% endblock %}
 </body>
 </html>

theme/templates/home.html

 {% extends "base.html" %}
 {% block content %}
-{{ page.content }}
-<section>
-<h2>Recent Posts</h2>
-<ul>
-{% for article in articles %}
-        <li>
-            <article>
-                    <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark">
-                        {{ article.title }}</a> on
-                        {{ article.locale_date }}
-            </article>
-        </li>
-{% endfor %}
-</ul>
-</section>
+            {{ page.content|indent(12) }}
+            <section>
+                <h2>Recent Posts</h2>
+                <ul>
+                {% for article in articles %}
+                    <li>
+                        <article>
+                                <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark">
+                                    {{ article.title }}</a> on
+                                    {{ article.locale_date }}
+                        </article>
+                    </li>
+                {% endfor %}
+                </ul>
+            </section>
 {% endblock content %}
 {% block footer %}
 {% endblock %}