{% extends "base.html" %}
{% block content %}
<section class="pagehead">
  <div class="container">
    <div class="breadcrumb"><a href="/">Home</a> / Release Notes</div>
    <div class="eyebrow">Release Notes</div>
    <h1>Version history across the catalog</h1>
    <p>Every application publishes its own full release history. Jump to any app below.</p>
  </div>
</section>
<section class="section--tight">
  <div class="container">
    <div class="grid grid-2" data-stagger>
      {% for app in apps %}
      <a href="/apps/{{ app.slug }}/release-notes/" class="card reveal">
        <div class="flex between center" style="margin-bottom:10px;">
          <div class="flex gap-16 center">
            <div class="app-icon sm" style="background: linear-gradient(135deg, {{ app.gradient[0] }}, {{ app.gradient[1] }});">{{ app.icon_letters }}</div>
            <h3 style="font-size:15.5px; margin-bottom:0;">{{ app.full_name }}</h3>
          </div>
          <span class="mono small muted">v{{ app.version }}</span>
        </div>
        <p class="small">{{ app.whats_new[0] }}</p>
      </a>
      {% endfor %}
    </div>
  </div>
</section>
{% endblock %}