{% extends 'base.html' %}

{% block title %}Yan Lin's Projects{% endblock %}

{% block header_title %}Yan Lin's Projects{% endblock %}

{% block navigation %}
  <!-- {% include 'partials/navigation.html' %} -->
{% endblock %}

{% block content %}
  <article class="section mt-4">
    <h2 class="section-title mb-3"><i class="bi bi-star-fill"></i> Primary Projects</h2>
    <div class="list-group list-group-flush mb-4">
      {% for project in data.primaryProjects %}
        {% with type='primary' %}
          {% include 'partials/project.html' %}
        {% endwith %}
      {% endfor %}
    </div>

    <h2 class="section-title mb-3 mt-4"><i class="bi bi-star"></i> Secondary Projects</h2>
    <div class="list-group list-group-flush">
      {% for project in data.secondaryProjects %}
        {% with type='secondary' %}
          {% include 'partials/project.html' %}
        {% endwith %}
      {% endfor %}
    </div>
  </article>
{% endblock %}