{% extends 'base.html' %}
{% block title %}Programs | APSS Nepal{% endblock %}
{% block content %}
<section class="page-ribbon"><div class="container">⌂ <a href="{{ url_for('home') }}">HOME</a> &nbsp; &gt; &nbsp; PROGRAMS</div></section>
<section class="page-intro">
  <div class="container">
    <h1>Programs</h1>
    <p>Regular institutional work of APSS: annual political science conference, journal, democracy dialogue, political roundtable, newsletter, youth leadership and civic learning.</p>
  </div>
</section>
<section class="section compact">
  <div class="container">
    <div class="card-grid three">
      {% for program in programs %}
      <article class="program-card large" id="{% if 'Conference' in program.title %}conference{% elif 'Dialogue' in program.title %}dialogue{% elif 'Roundtable' in program.title %}roundtable{% elif 'Youth' in program.title %}youth{% elif 'Journal' in program.title %}teaching{% endif %}">
        <div class="icon-dot">{{ program.icon[:1]|upper }}</div>
        <h2>{{ program.title }}</h2>
        <p>{{ program.summary }}</p>
      </article>
      {% endfor %}
    </div>
  </div>
</section>
{% endblock %}