{% block content %} {% macro nameplate() %}
<div>
    <h1 id="homeName" class="textGrad">Andrew's Definitely Active Website</h1>
    <h2 class="textGrad">Here's a wizard on the moon:</h2>
    <div class="flex vertOnMobile">
        <div>
            <img
                src="{{ url_for('static', filename='photos/min.moonWizard.avif') }}"
                id="homeIcon"
                fetchpriority=high
                alt="logo"
            />
        </div>
    </div>
</div>
{% endmacro %}

<div class="foreground homeground"></div>
<div class="relative">
    <div id="nametag" class="flex" data-aos="fade-up">{{ nameplate() }}</div>
    <!--<INSERT SMALL BANNER HERE FOR PROJECT IMAGECARD CAROUSEL>-->
    <div id="desktopSpacer"></div>
    <div class="homeSubContent">
      <img class='blinkies' alt='My Brain is Glowing' src="{{ url_for('static', filename='photos/blinkies/brainglow.gif') }}" />
      <img class='blinkies' alt='Pepsi Addict' src="{{ url_for('static', filename='photos/blinkies/pepsiaddict.gif') }}" />
      <img class='blinkies' alt='I Fear No Beer' src="{{ url_for('static', filename='photos/blinkies/fearnobeer.gif') }}" />
      <img class='blinkies' alt='Secret Message' src="{{ url_for('static', filename='photos/blinkies/tooclose.gif') }}" />
      <img class='blinkies' alt="They took my blood but it wasn't DNA, it was USA" src="{{ url_for('static', filename='photos/blinkies/usa.gif') }}" />
      <img class='blinkies' alt='Bob the Builder gif' src="{{ url_for('static', filename='photos/blinkies/bobthebuilder.gif') }}" />
        <div>
            <h3>Now What?</h3>
            <p>
                As far as linking my online presence together goes...... mission
                accomplished.<br />I guess I can grant myself some titles while
                I'm at it:
            </p>
            <ul>
              <li>Load-Bearing Coconut</li>
              <li>Wicked Wizard of the West</li>
              <li>Brown Belt Fucker Arounder, Black Belt Finder Outer</li>
              <li>Hater of Bloat, Enemy of Node.js</li>
              <li>Creator and Harnesser of Energy</li>
            </ul>
        </div>
        <br />
        {# <div class="flex">
            <div class="pointer selfcenter" onClick="goto('duck')">
                <img
                    alt="duck spinning"
                    src="{{ url_for('static', filename='photos/gifs/duck-spinning.gif') }}"
                    class="smallImg"
                />
            </div>
            <div class="selfcenter">
                <img
                    src="{{ url_for('static', filename='photos/electricityStabby.png') }}"
                    alt="memes, idk."
                    class="smallImg"
                />
            </div>
            <div class="selfcenter">
                <img
                    src="{{ url_for('static', filename='photos/gifs/tflame.gif') }}"
                    alt="memes, idk."
                    class="smallImg"
                />
            </div>
        </div> #}
        <br />
        <div id="aboutCards" class="flex">
            <div class="chess">
                {% from 'partials/chess.html' import chess %} {{
                chess('asimonson1125') }}
            </div>
            <br />
            <div>
                {# {% from 'partials/bookshelf.html' import bookshelf %} {{
                bookshelf(var.books) }} #}
            </div>
            <br />
            <div>
                <iframe
                    height="200"
                    max-width="360"
                    frameborder="0"
                    allowtransparency="true"
                    scrolling="yes"
                    src="https://www.strava.com/athletes/139855203/latest-rides/95b8e0be96e32b8de82254d1c6627723a35eea6f"
                ></iframe>
            </div>
            <br />
        </div>
    </div>
    {% endblock %}
</div>