path: root/_layouts/post.liquid



<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>{{ page.title }}</title>
        <link rel="stylesheet" href="/bulma.css">
    </head>

    <body>
        <!-- begin hero -->
        <section class="
        hero
        is-primary
        ">
            <!-- begin hero head -->
            <div class="hero-head">
                {% include "nav.liquid" %}
            </div>
            <!-- end hero head -->

            <!-- begin hero body -->
            <div class="hero-body">
                <div class="container is-fluid">
                    <!-- begin title and date -->
                    <h1 class="title">
                        {{ page.title }}
                    </h1>

                    <h2 class="subtitle">
                        {{ page.published_date | date: "%A, %b %e, %Y" }}
                    </h2>
                    <!-- end title and date -->

                    <!-- begin categories and tags -->
                    {% if page.categories %}
                        {% for category in page.categories %}
                            <span class="tag">
                                {{ category | downcase }}
                            </span>
                        {% endfor %}
                    {% endif %}

                    {% if page.tags %}
                        {% for tag in page.tags %}
                            <span class="tag">
                                {{ tag | downcase }}
                            </span>
                        {% endfor %}
                    {% endif %}
                    <!-- end categories and tags -->

                </div>
            </div>
            <!-- end hero body -->

        </section>
        <!-- end hero -->

        <!-- begin main content -->
        <section class="section">
            <div class="container is-fluid">
                <div class="content">
                    {{ page.content }}
                </div>
            </div>
        </section>
        <!-- end main content -->

        {% include "footer.liquid" %}
  </body>

</html>