{% extends 'base.html' %}
{% from 'partials/macros.html' import tags, page_header, summary_box, topic_card, chat_quote, date_divider %}

{% block title %}{{ page.title }}{% endblock %}

{% block content %}
{{ page_header(page.title, page.meta) }}
{{ tags(page.tags) }}
<div class="summary-box lead">{{ page.synthesis | safe }}</div>

<h2>주제 탐색</h2>
{% for section in page.topic_sections %}
<div class="home-section">
  <h3>{{ section.label }}</h3>
  <div class="card-list">
    {% for card in section.cards %}
    {{ topic_card(card.href, card.title, card.meta) }}
    {% endfor %}
  </div>
</div>
{% endfor %}
{% if not page.topic_sections and page.topic_cards %}
<h2>주제 탐색</h2>
<div class="card-list">
  {% for card in page.topic_cards %}
  {{ topic_card(card.href, card.title, card.meta) }}
  {% endfor %}
</div>
{% endif %}

{% if page.sample_quote %}
{{ date_divider(page.sample_quote.date_label) }}
{{ chat_quote(
  page.sample_quote.initials,
  page.sample_quote.name,
  page.sample_quote.text
) }}
{% endif %}
{% endblock %}
<a href="https://onpod.ai/?ref=hermes-wiki" target="_blank" rel="noopener noreferrer" aria-label="Powered by Onpod" style="position:fixed;bottom:14px;right:14px;z-index:2147483647;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;font:600 12px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#fff;background:#0b0b12;border-radius:9px;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.2)">⚡ Powered by Onpod</a>