{% block content %}
<div class="foreground"></div>
<div class="relative growBottom">
  <div id="nametag" class="flex" data-aos="fade-up">
    <div>
        <h1 class="textGrad">Work</h1>
        <h2>Projects &amp; experiments</h2>
    </div>
  </div>
  <div class="homeSubContent">
    <div class="foregroundContent">

      <!-- Intro -->
      <div style="max-width: 52em; margin-bottom: 3em;">
          <p style="color: var(--text-secondary); font-size: 0.9rem;">
              Curious who's behind these?
              <a href="about">About &amp; certifications</a>
              ·
              <a href="Resume_Simonson_Andrew.pdf" target="_blank">Resume</a>
          </p>
      </div>

      <!-- Projects -->
      <h2>Projects</h2>
      <div class="projectList">
          {% from 'partials/project.html' import project %} {% for i in
          var["projects"] %} {{ project(i, var["projects"][i]["classes"],
          var["projects"][i]["status"], var["projects"][i]["bgi"],
          var["projects"][i]["content"], var["projects"][i]["links"]) }} {% endfor
          %}
      </div>

    </div>
  </div>
</div>

{% endblock %}