{% extends "_layout.html" %}
{% block body %}{% endblock %}
{% block content %}
<section class="hero">
  <div class="container">
    {% if eyebrow %}<p class="eyebrow">{{ eyebrow }}</p>{% endif %}
    <h1>{{ title }}</h1>
    {% if description %}<p class="lead">{{ description }}</p>{% endif %}
    {% if keywords %}<p>{% for keyword in keywords %}<span class="keyword">{{ keyword }}</span> {% endfor %}</p>{% endif %}
    <nav class="links-row">{% for section in sections %}<a href="{{ section.href | safe_url }}">{{ section.label }}</a>{% endfor %}</nav>
  </div>
</section>
{% if collections %}
<div class="container">
  <h2>{{ _("Collections") }} <span class="count">{{ collections | length }}</span></h2>
  <div class="grid">
    {% for card in collections %}{% include "_card.html" %}{% endfor %}
  </div>
</div>
{% endif %}
{% if about or definition %}
<div class="container">
  {% if about %}<h2>{{ _("About this service") }}</h2>
  <dl class="facts">
    {% for fact in about %}<dt>{{ fact.label }}</dt><dd>{% if fact.href %}<a href="{{ fact.href | safe_url }}">{{ fact.value }}</a>{% else %}{{ fact.value }}{% endif %}</dd>
    {% endfor %}
  </dl>{% endif %}
  {% if definition %}<h2>{{ _("API definition") }}</h2>
  <ul class="links">{% for each in definition %}<li><a href="{{ each.href | safe_url }}">{{ each.label }}</a></li>{% endfor %}</ul>{% endif %}
</div>
{% endif %}
{% endblock %}