<!-- prettier-ignore -->
{% extends "base.html" %}

{% block content %}
<h2>Blogroll</h2>
<p>
    I follow quite a few blogs.
    I love good writing and personal websites.
    Places away from the noise of the modern web, without advertisement or trackers.
    Following links through these is how I spend most of my time online these days.
</p>
<p>
    Links may not be in the same order on each page load. 
    The list gets randomly shuffled each time to expose new links at the top to visitors.
    Just an idea that I had, please <a href="/contact">contact me</a> if it causes anyone issues.
</p>
<ul class="no-bul">
    {% for blog in blogs %}
        <li><a href={{blog.url}}>{{blog.title}}</a>
        {% match blog.description %}
          {% when Some with (description) %}
              :<br>{{description}}
          {% when None %}
        {% endmatch %}
        </li>
        <br>
    {% endfor %}
</ul>
{% endblock %}
