{% 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">
                    <h1>Hello, I'm Ben!</h1>
                </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 a Network/Linux 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="blog">
            <div class="wrap">
                <h2>Recent Posts</h2>
                <ul>
                    {% for post in site.posts %}
                        <li>
                            <a href="{{ post.url }}">{{ post.title }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </section>
{% include footer.html %}