{% extends 'base.html' %}
{% block title %}Democracy Timeline | APSS Nepal{% endblock %}
{% block content %}
<section class="page-ribbon"><div class="container">⌂ <a href="{{ url_for('home') }}">HOME</a> &nbsp; &gt; &nbsp; DEMOCRACY TIMELINE</div></section>
<section class="page-intro">
  <div class="container">
    <h1>Supporting Nepal’s Democracy Since 2004</h1>
    <p>A web-based institutional timeline of APSS contributions to peace, constitution building, federalism, governance, liberty and democratic learning.</p>
  </div>
</section>
<section class="section compact">
  <div class="container timeline-wrap">
    {% for item in TIMELINE %}
    <article class="timeline-item">
      <div class="timeline-year">{{ item.year }}</div>
      <div class="timeline-card">
        <h2>{{ item.title }}</h2>
        <p>{{ item.text }}</p>
      </div>
    </article>
    {% endfor %}
  </div>
</section>
{% endblock %}