{% extends "layouts/base.html" %}

{% block content %}
<div class="flex flex-col p-2">
  {% for section in config.extra.sections %}
  <p class="font-bold text-lg">{{ section.title }}</p>
  <div class="flex flex-col p-2 border">
    {% for link in section.links %}
    {% if link.subtitle %}
    <div class="pt-2 font-medium text-md">
      <p>{{ link.subtitle }}</p>
    </div>
    {% else %}
    <div>
      <a href={{ link.href }} target="_blank" class="hover:underline text-sky-500">{{ link.name }}</a>
      {% if link.pub_href %}
        <span>(<a href={{ link.pub_href }} target="_blank" class="hover:underline text-sky-700">pub</a>)</span>
      {% endif %}
    </div>
    {% endif %}
    {% endfor %}
  </div>
  {% endfor %}
</div>
{% endblock content %}