{% extends "layout.html" %}
{% from "macros/plugins.html" import render_plugin_list %}
{% from 'macros/blocksupport.html' import render_full_width_blocks %}
{% block title %}{{ this.title }}{% endblock %}

{% block outerbody %}
  {% set image = site.get('/plugins').attachments.images.first() %}
  {% if image %}
    <div class="page-banner page-banner-300" style="background-image: url({{ image|url }})"></div>
  {% endif %}
  {{ super() }}
{% endblock %}

{% block body %}
  <h1>{{ this.title }}</h1>
  {% call render_full_width_blocks(this.body.blocks, classes='col-md-12') %}
  {% endcall %}
  {% for category in site.query('/plugin-categories').order_by('title') %}
    <h2><a href="{{ category|url }}">{{ category.title }}</a></h2>
    <div class="plugin">
      {{ render_plugin_list(category.children) }}
    </div>
  {% endfor %}

  <h2>Tags</h2>
  <p>
    Plugins are also tagged with keywords and topics.
    Their tags are listed on their page and are navigable.
    You can view a list of all of the tags <a href="/plugins/tags" class="ref">here</a>.
  </p>
{% endblock %}