{% block content %}
<div class="homeground">
  <div class="relative">
    <div class="flex">
      <div id="HomeContent" data-aos="fade-up">
        <h1>Andrew Simonson</h1>
        <h3>Computer Science student at Rochester Institute of Technology</h3>
      </div>
    </div>
    <div class="onRight" data-aos="fade-up">
      <img
        src="{{ url_for('static', filename='readme-stats-vercel-01-25-2023.svg') }}"
        class="langstats"
        alt="Language stats"
      />
      <br />
      <div class="chess">
        {% from 'partials/chess.html' import chess %} {{ chess('asimonson1125')
        }}
      </div>
      <br />
      {% from 'partials/bookshelf.html' import bookshelf %} {{
      bookshelf(var.books) }}
      <br />
      <a href="/duck">
        <div class="flex">
          <img
            alt="duck spinning"
            src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
            class="smallImg"
          />
          <img
            alt="duck spinning"
            src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
            class="smallImg"
          />
          <img
            alt="duck spinning"
            src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
            class="smallImg"
          />
        </div>
      </a>
    </div>
  </div>
</div>
{% endblock %}