Add outlinks to start page

src/assets/style.scss

@@ -280,14 +280,18 @@ footer {
     "footer footer footer footer";
 
   aside {
-    p {
-      padding-bottom: 24px;
-    }
-
     a {
       padding-left: .3em;
       padding-right: .3em;
     }
+
+    p {
+      padding-bottom: 10px;
+    }
+  }
+
+  nav h2 {
+    padding-top: 20px;
   }
 
   @media screen and (max-width: 768px) {
@@ -368,10 +372,8 @@ footer {
   }
 }
 
-.post-list {
-  time {
-    color: $reduced;
-  }
+.link-list {
+  time {  color: $reduced; }
 
   li {
     margin-bottom: 10px;

src/index.njk

@@ -7,12 +7,18 @@
 
 <nav>
   <h2>Recent Posts</h2>
-  <ul class="post-list">
+  <ul class="link-list">
     {%- for post in (collections.posts | reverse) -%}
       {% if not post.data.draft or page.listDrafts %}
         <li{% if page.url == post.url %} aria-current="page"{% endif %}><time datetime="{{post.date}}">{{ post.date | toISODate }}</time> <a href="{{post.url}}">{{ post.data.title }}</a></li>
       {% endif %}
     {%- endfor -%}
   </ul>
+
+  <h2>Disperse</h2>
+  <ul class="link-list">
+    <li>This <a href="/fleck/hitomezashi-patterns">Hitomezashi Pattern Generator</a> is a simple web app to explore and play with a kind of pattern used in traditional Japanese stitching.</li>
+    <li><a href="https://compost.party">compost.party</a> is a partially broken smartphone that finds new life as a community server.</li>
+  </ul>
 </nav>
 {% endblock %}