{% include head.html %}
{% include header.html %}
        <section id="about">
            <div class="wrap about-grid">
                <div class="profile">
                    <img src="https://pbs.bsimg.net/media/profile-pictures/a3/3d/a33d14b272?name=original&format=jpg">
                    <h2>Hello, I'm Ben!</h2>
                </div>
                <div>
                    <h2>About Me</h2>
                    <p>
                        Hi, I'm <a href="/about">Ben</a>. I'm a citizen of the <a href="https://indieweb.org/">Indie Web</a> and an aspiring Network/Systems Administrator.
                    </p>
                    <nav class="links">
                        <a href="https://git.bensanders.net">Git Repos</a>
                        <a href="https://bsky.app/profile/bsand.net">Bluesky</a>
                        <a href="https://instagram.com/thebensanders">Instagram</a>
                    </nav>
                </div>
            </div>
        </section>
        <section id="gear">
            <div class="wrap">
                <h2>My Gear</h2>
                <p>My current gear I use tech wise.</p> 
            </div>
            <div class="wrap gear-grid">
                <div>
                    <h3>Computers</h3>
                    <p>Desktop PC running Arch (btw): i7-8700k and RTX 2060</p>
                    <p>M4 Macbook Pro</p>
                </div>
                <div>
                    <h3>Servers</h3>
                    <p>Dedicated server hosted at <a href="https://my.dedicated.com/aff.php?aff=294" title="Affiliate Link">dedicated.com</a>.</p>
                </div>
                <div>
                    <h3>Misc.</h3>
                    <p>Camera: Canon M50 II</p>
                    <p>Desk: Vivo Standing Desk (x2)</p>
                </div>
            </div>
        </section>
        <section id="blog">
            <div class="wrap">
                <h2>Blog</h2>
                <ul>
                    {% for post in site.posts %}
                        <li>
                            <a href="{{ post.url }}">{{ post.title }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </section>
{% include footer.html %}