index.html

---
layout: default
---

<section class="container">
    <ul>
        {% for post in site.posts %}
            <li class="mb-10">
                <div class="flex flex-between">
                    <div class="flex-no-shrink mb-1 text-soft text-md">{{ post.date | date: "%B %-d, %Y" }}</div>

                     <div class="text-md text-soft">
                        {% assign words = post.content | number_of_words %}

                        {% if words < 200 %}
                            ~1 min read
                        {% else %}
                            ~{{ words | divided_by:100 }} min read
                        {% endif %}
                    </div>
                </div>

                <a href="{{ post.url | prepend: site.baseurl }}">
                    <h2>{{ post.title }}</h2>
                </a>
            </li>
        {% endfor %}
    </ul>
</section>