---
layout: default
---
<section id="intro">
    <div class="flex-row-between">
        <h1>{{ site.title }}</h1>
        <button title="Change theme" id="theme-toggle" onclick="modeSwitcher()">
            <div></div>
        </button>
    </div>
    <div class="bio">
        <p>{{ site.author.bio }}</p>
    </div>
    <div class="posts">
        <h2>Blog Posts</h2>
        <ul>
            {% for post in site.posts %}
            <li>
                <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
                <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%b %d, %Y" }}</time>
            </li>
            {% endfor %}
        </ul>
    </div>
</section>