M templates/Category.j2.html → templates/Category.j2.html

@@ -12,7 +12,7 @@ {% endblock %}
 
 {% block pagination %}
 {% if category.paginated %}
-<nav class="pagination">
+<section id="pagination">
     <ol>
         {% for y, url in category.years.items() %}
         {% if (y == category.year) or (not category.year and loop.first) %}
@@ -30,7 +30,7 @@ </li>
         {% endif %}
         {% endfor %}
     </ol>
-</nav>
+</section>
 {% endif %}
 {% endblock %}
 

M templates/style.css → templates/style.css

@@ -8,6 +8,10 @@ padding: 0;
   line-height: 1.5em;
 }
 
+article, aside, footer, header, nav, section {
+  display:block;
+}
+
 body {
   color: #eee;
   background-color: #222;
@@ -262,21 +266,28 @@ #pagination a {
   border-bottom-style: solid;
 }
 
+#header {
+  padding: 0.6em 1em;
+}
+
 #header,
 #footer {
   background-color: #111;
-  
-  padding: 0.6em 1em;
 }
 
 #footer {
   text-align: center;
+  padding: 1em;
 }
 
 #header > *,
 #footer > * {
   max-width: 54em;
   margin: 0 auto;
+}
+
+.tip {
+  margin: 1em 0 0 0;
 }
 
 #pagination,
@@ -330,7 +341,7 @@ #header #header-forms {
     display: block;
     float:unset;
   }
-    
+
   #search {
     margin-top: 0.6em;
   }
@@ -345,4 +356,4 @@ #header a svg {
     display: block;
     margin: 0 auto;
   }
-}            +}