Small appareance fixes

sass/_theme.scss

@@ -11,6 +11,7 @@
 }
 .muted {
   color: rgba(255, 255, 255, 0.5);
+  margin-top: 5px;
 }
 .responsive-iframe {
   position: relative;
@@ -83,7 +84,7 @@ html {
 }
 article [itemprop="description"], article [itemprop="summary"] {
   margin-bottom: 20px;
-  margin-top: 20px;
+  margin-top: 5px;
 }
 
 article [itemprop="summary"] p {

sass/_vendor.scss

@@ -220,7 +220,8 @@ a:hover {
 
 .hack h2, .hack h3, .hack h4, .hack h5, .hack h6 {
   position: relative;
-  margin-bottom: 1.75rem
+  margin-top: 1.75rem;
+  margin-bottom: 5px;
 }
 
 .hack h2:before, .hack h3:before, .hack h4:before, .hack h5:before, .hack h6:before {

templates/section.html

@@ -0,0 +1,18 @@
+{% extends "index.html" %}
+
+{% block content %}
+    <h1>{{ section.title }}</h1>
+    {{ section.content | safe }}
+
+	{% for page in section.pages %}
+	  <div class="post">
+		<h2 class="post-title">
+		  <a href="{{ page.permalink }}">
+			{{ page.title }}
+		  </a>
+		</h2>
+
+		<span class="post-date">{{ page.date | date(format="%Y-%m-%d") }}</span>
+	  </div>
+	{% endfor %}
+{% endblock content %}