index.html

---
layout: default
---
{%- include banner.html %}
    <div class="page wrapper">
        <div class="section-header float-container"><h2 class="article">Notes</h2></div>
        <ul class="item-list grid">
            {% assign notes = site.notes | sort: 'date' | reverse %}
            {%- for note in notes -%}
            <li>
                <article class="article">
                    <span class="date">{{ note.date | date: "%d %b %Y" }}</span>
                    <span class="type">Article</span>
                    <h1><a aria-label="{{ note.title | escape }}" href="{{ note.url | relative_url }}">{{ note.title | escape }}</a></h1>
                    <ul class="tags">
                        {%- for tag in note.tags -%}
                        <li class="variant-b"><a href="/tags/#{{tag}}">{{tag}}</a></li>
                        {% endfor -%}
                    </ul>
                    <p><a aria-label="{{ note.title | escape }}" href="{{ note.url | relative_url }}">{{ note.description | escape }}</a></p>
                </article>
            </li>
            {%- endfor %}
        </ul>
    </div>