{% from 'partials/macros.html' import search_box %}
<aside class="sidebar">
  <a href="https://open.kakao.com/o/p1Ig2jqi" class="community-link" target="_blank" rel="noopener" title="에르메스단 카카오톡 오픈채팅">
    <img src="{{ asset_prefix }}img/hermes-icon.png" alt="" class="community-icon" width="60" height="40">
    <span class="community-label">에르메스단 카카오톡</span>
  </a>

  <div class="logo">{{ sidebar.logo | default('AI 토픽 타임라인') }}</div>

  {{ search_box('위키 검색…') }}

  {% if sidebar.home_link %}
  <a href="{{ sidebar.home_link }}" class="timeline-item">
    <div class="timeline-title">← 홈</div>
  </a>
  {% endif %}

  {% for section in sidebar.sections %}
  {% if section.label %}
  <div class="nav-section">{{ section.label }}</div>
  {% endif %}
  {% for item in section.nav_items %}
  {% if item.external %}
  <a href="{{ item.href }}" class="timeline-item external-link" target="_blank" rel="noopener">
    <div class="timeline-title">🔗 {{ item.title }}</div>
    {% if item.badge %}<span class="timeline-badge">{{ item.badge }}</span>{% endif %}
  </a>
  {% else %}
  <a href="{{ item.href }}" class="timeline-item{% if item.active %} active{% endif %}">
    {% if item.date %}<div class="timeline-date">{{ item.date }}</div>{% endif %}
    <div class="timeline-title">{{ item.title }}</div>
    {% if item.badge %}<span class="timeline-badge">{{ item.badge }}</span>{% endif %}
  </a>
  {% endif %}
  {% endfor %}
  {% endfor %}
</aside>
<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>