Add new “interrupts” section to index page (#165)

layouts/index.html

@@ -26,4 +26,11 @@
   {{ end }}
 </div>
 
+<div id="interrupts" class="post-category interrupts">Interrupts</div>
+<div class="posts interrupts">
+  {{ range first 4 (after 8 (where .Site.Pages.ByDate "Section" "post")) }}
+    {{ .Render "teaser" }}
+  {{ end }}
+</div>
+
 {{ partial "footer.html" . }}

static/css/main.css

@@ -48,6 +48,10 @@ main img {
   border: 2px solid #cc0;
 }
 
+.posts.interrupts {
+  border: 2px solid #f66;
+}
+
 .posts hr {
   margin: 2rem 0;
 }
@@ -67,6 +71,10 @@ main img {
   color: #990;
 }
 
+.post-category.interrupts {
+  color: #f33;
+}
+
 .PageNavigation {
   font-size: 0.9em;
   display: table;