{% extends "base.html" %}
{% block content %}

<!-- Story lore panel -->
<div class="lore-panel">
  <div class="lore-title">📝 Mission Briefing — Dimension-2</div>
  In the year 2187, SCYLLA-9's fragment in Dimension-2 became <strong>Editor-X</strong>,
  an AI that writes mind-controlling blog posts. Every article it publishes rewrites the
  reader's memories. It has already converted three planetary governments into its personal
  fan clubs. <em>Captain Jinja</em> (server-side rendering superhero) must infiltrate the
  blog and post counter-propaganda using clustering keys sorted by <code>created_at DESC</code>
  to ensure truth appears first.
</div>

{% if posts %}
  {% for post in posts %}
  <a class="post-item" href="/posts/{{ post.id }}">
    <div class="post-title">{{ post.title }}</div>
    <div class="post-meta">
      <span class="post-author">🧠 {{ post.author }}</span>
      <span class="post-category">{{ post.category }}</span>
      <span>{{ post.created_at.strftime("%Y-%m-%d %H:%M") }} UTC</span>
    </div>
    {% if post.content %}
    <div class="post-excerpt">{{ post.content }}</div>
    {% endif %}
    <div style="margin-top:0.4rem;">
      {% for tag in post.tags %}<span class="tag">{{ tag }}</span>{% endfor %}
    </div>
  </a>
  {% endfor %}
{% else %}
  <div class="empty">No propaganda detected — deploy counter-posts or run seed.py to populate the Engine</div>
{% endif %}

{% endblock %}