{% macro project(title, classes, status, bgi, content, links) %}
{% set tags = classes.split() | reject('equalto', 'pinned') | list %}
<li class="project" id="project-{{ title | slug }}">
  <div class="project-thumb">
    {% if bgi|length > 0 %}
      <img src="{{ url_for('static', filename='photos/projects/' + bgi) }}" alt="" loading="lazy" />
    {% else %}
      <div class="project-thumb-empty" aria-hidden="true"></div>
    {% endif %}
  </div>
  <div class="project-body">
    <h3>{{ title }}</h3>
    <p class="project-meta">
      <span class="status status-{{ status }}">{{ status }}</span>
      {% if tags %}<span class="sep" aria-hidden="true">·</span> {{ tags | join(', ') }}{% endif %}
    </p>
    <p class="project-desc">{{ content }}</p>
    {% if links %}
    <p class="project-links">
      {% for i in links if i[1].startswith('https://') or i[1].startswith('http://') %}
        <a href="{{ i[1] }}" rel="noopener noreferrer">{{ i[2] }}</a>
      {% endfor %}
    </p>
    {% endif %}
  </div>
</li>
{% endmacro %}