Render directory items in index

app/styles/_layout.scss

@@ -26,6 +26,9 @@
     padding: 2rem;
 
     nav {
+      margin-top: 6rem;
+      margin-bottom: 6rem;
+
       ul {
         list-style: none;
         margin: 0;
@@ -42,5 +45,9 @@
     flex: 1;
     overflow: auto;
     padding: 2rem;
+
+    > header {
+      height: 6em;
+    }
   }
 }

app/styles/app.scss

@@ -10,3 +10,5 @@ body {
   margin: 0;
   padding: 0;
 }
+
+@import "components/directory_listing";

app/styles/components/_directory_listing.scss

@@ -0,0 +1,28 @@
+.directory-listing {
+
+  table {
+    width: 100%;
+    margin-bottom: 6rem;
+    border-collapse: collapse;
+
+    thead {
+      display: none;
+    }
+    tbody {
+      tr {
+        border-bottom: 1px solid #ececec;
+      }
+      tr:first-of-type {
+        border-top: 1px solid #ececec;
+      }
+      td {
+        padding: 1rem 1.5rem;
+
+        &.type {
+          color: #aaa;
+        }
+      }
+    }
+  }
+
+}