index.html

---
layout: default
permalink: /
---

<main class="container container-584">
    <div class="row spacer6-2">
        
        <div class="box">
        
            {% include intro.html %}

        </div>

    </div>
    <!-- <div class="row timeline spacer3-0">
        
        {% for post in site.posts  %}
        
            {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
            {% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
            {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
            {% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}

            {% if forloop.first %}
                <h5 class="c-light" id="{{ this_year }}-{{ this_month }}-ref">{{ this_month }}, {{ this_year}} </h5>
                <ul>
            {% endif %}

                
                {% include timeline-item.html %}
                
                

            {% if forloop.last %}
                </ul>
                {% else %}
                {% if this_year != next_year %}
                </ul>
                <h5 class="c-light" id="{{ next_year }}-{{ next_month }}-ref">{{ next_month }}, {{ next_year }}</h5>
                <ul>
                {% else %}    
                    {% if this_month != next_month %}
                    </ul>
                    <h5 class="c-light" id="{{ this_year }}-{{ next_month }}-ref">{{ next_month }}, {{this_year}}</h5>
                    <ul>
                    {% endif %}
                {% endif %}
            {% endif %}
        {% endfor %}

        <div class="flex timeline-item spacer0-6">
            <div class="flex flex-col items-center mr1 timeline-visual">
                <div class="timeline-dot flex justify-center">
                    <i class="material-icons"> warning </i>
                </div>
            </div>
            <div class="flex flex-col flex-1 ml-4 space-y-4">
                <div class="flex flex-col pt-1 contents-center">
                    <h3 class="">Work in progress</h3>
                    <span class="post-meta">More timeline entries coming soon</span>
                </div>
            </div>
        </div>

    
    </div> -->
</main>