---
title: Blogroll
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>