{% extends "base.html" %}
{% block content %}
<section class="pagehead">
  <div class="container">
    <div class="breadcrumb"><a href="/">Home</a> / News &amp; Updates</div>
    <div class="eyebrow">News &amp; Updates</div>
    <h1>What's happening at AlexaMods Labs</h1>
    <p>Product news, release highlights, and studio updates in one place.</p>
  </div>
</section>
<section class="section--tight">
  <div class="container" style="max-width:800px;">
    <div class="timeline">
      {% for item in news %}
      <div class="timeline-item">
        <span class="timeline-ver">{{ item.title }}</span><span class="timeline-date">{{ item.date }}</span>
        <p style="margin-top:10px;">{{ item.body }}</p>
        {% if item.app_slug %}<a href="/apps/{{ item.app_slug }}/" class="tag">View app →</a>{% endif %}
      </div>
      {% endfor %}
    </div>
  </div>
</section>
{% endblock %}