Actually add the blogroll, finally

src/blogroll.html

@@ -1,13 +1,32 @@
 ---
 title: Blogroll
-layout: page.njk
+layout: base.njk
 ---
+<main class="wrapper-lg stack-lg">
+    <article>
+        <h1 class="text-center">{{ title }}</h1>
+        <div class="stack-lg">
+            <h2>What's a blogroll?</h2>
+            
+            <p>It's just a bunch of links to other blogs! But these are blogs that I read on a regular basis, because they post interesting, well-written, or otherwise just good posts.</p>
+
+            <h2>The blogroll</h2>
+            
+            <p>You can also download this as an <a href="/blogroll/blogroll.opml">OPML file</a> to import into your RSS reader</p>
+
+            <ul class="grid blogroll" role="list" data-cols="3">
+            {% for blog in blogroll %}
+                <li class="blogroll-item h-card">
+                    <h3>{{ blog.name }}</h3>
+                    <a href="{{ blog.website }}">Website</a>
+                    <a href="{{ blog.feed }}">Feed</a>
+                </li>
+            {% endfor %}
+            </ul>
+        </div>
+    </article>
+	
+</main>
+
 
-<ul>
-{% for blog in blogroll %}
-    <li>
-        {{ blog.name }}
-    </li>
-{% endfor %}
-</ul>