{% extends "base.html" %}

{% block title %}{{ section.title }} — sdme{% endblock %}

{% block content %}
  <p class="breadcrumb"><a href="{{ get_url(path='/') }}">sdme</a> /</p>
  <h1>{{ section.title }}</h1>
  <p>{{ section.description }}</p>

  <section style="margin-top: 1.5rem;">
    {% for page in section.pages %}
    <div class="card">
      <h3>
        {% if page.extra.status is defined and page.extra.status == "soon" %}
          <a href="{{ page.permalink }}">{{ page.title }}</a>
          <span class="badge badge-soon">coming soon</span>
        {% else %}
          <a href="{{ page.permalink }}">{{ page.title }}</a>
        {% endif %}
      </h3>
      <p>{{ page.description }}</p>
    </div>
    {% endfor %}
  </section>

  <footer>
    <a href="{{ get_url(path='/') }}">Back to sdme home</a>
  </footer>
{% endblock %}