{% macro project(title, classes, status, bgi, content, links) %}
<div class="project {{ classes }}" data-aos="fade-up">
  <div class="projImageWrap">
    {% if bgi|length > 0 %}
      {% set path = url_for('static', filename='photos/projects/' + bgi) %}
      <img src="{{ path }}" alt="Ref image for {{ title }} project" />
    {% else %}
      <div class="projImagePlaceholder"></div>
    {% endif %}
  </div>
  <div class="projContent">
    <div class="projTitleRow">
      <h3>{{ title }}</h3>
      <span class="proj-status {{ status }}">{{ status }}</span>
    </div>
    {% if classes %}
    <div class="projTags">
      {% for cls in classes.split() %}
        {% if cls != 'pinned' %}<span class="proj-tag">{{ cls }}</span>{% endif %}
      {% endfor %}
    </div>
    {% endif %}
    <p class="projDesc">{{ content }}</p>
    {% if links %}
    <div class="projLinks">
      {% for i in links %}
        {% set src = 'icons/' + i[0] + '.svg' %}
        {% if i[1].startswith('https://') or i[1].startswith('http://') %}
        <a href="{{ i[1] }}" rel="noopener noreferrer" class="proj-link">
          <img class="projectLink" src="{{ url_for('static', filename=src) }}" alt="{{ i[0] }}" />
          <span>{{ i[2] }}</span>
        </a>
        {% endif %}
      {% endfor %}
    </div>
    {% endif %}
  </div>
</div>
{% endmacro %}