index.html

---
layout: default
---
<div>
    <!-- This loops through the paginated posts -->
    {% for page in paginator.posts %}
    <article class="post" itemscope itemtype="http://schema.org/BlogPosting">

        <header class="post-header">
            <h1 class="post-title" itemprop="name headline">
                <a class="post-link" href="{{ page.url | relative_url }}">{{ page.title | escape }}</a>
            </h1>
            <p class="post-meta">
                <small>
                    <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
                        {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
                        {{ page.date | date: date_format }}
                    </time>
                </small>
        </header>

        <div class="post-content" itemprop="articleBody">
            {{ page.content }}
        </div>
        
        {% if page.video != null && page.video != "" %}
        <div class="post-video">
            Video: <a href="https://youtu.be/{{ page.video }}" target="_blank">https://youtu.be/{{ page.video }}</a>
        </div>
        {% endif %}

        <div class="post-tags">
            <small>Tags:
                {% for tag in page.tags %}
                <a href="/tag.html#{{ tag | slugify }}"> {{ tag }} </a>
                {% endfor %}
            </small>
        </div>
    </article>
    <br/>
    {% endfor %}

    <!-- Pagination links -->
    <div class="pagination">
        {% if paginator.previous_page %}
        <a href="{{ paginator.previous_page_path }}" class="previous">Previous</a>
        {% else %}
        <span class="previous">Previous</span>
        {% endif %}
        <span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
        {% if paginator.next_page %}
        <a href="{{ paginator.next_page_path }}" class="next">Next</a>
        {% else %}
        <span class="next ">Next</span>
        {% endif %}
    </div>
</div>