path: root/_layouts/post.liquid



<!DOCTYPE html>
<html>
    <head>
        {% include "head.liquid" %}
        <!-- Open Graph Protocol -->
        <meta property="og:title" content="{{ page.title }}"/>
        <meta property="og:type" content="website"/>
        <meta property="og:image" content="/favicon.ico"/>
        <meta property="og:url" content="{{ page.permalink }}"/>
    </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">
                    <!-- begin title and date -->
                    <h1 class="title">
                        {{ page.title }}
                    </h1>
                    <!-- end title and date -->

                    <!-- begin categories and tags -->
                    <div class="field is-grouped is-grouped-multiline">
                        <div class="control">
                            <h2 class="subtitle">
                                {% if page.published_date %}
                                    {{ page.published_date | date: "%A, %b %e, %Y" }}
                                {% else %}
                                    Unpublished!
                                {% endif %}
                            </h2>
                        </div>

                        <div class="control">
                            {% include categories.liquid %}
                        </div>
                    </div>

                    {% include tags.liquid %}
                    <!-- end categories and tags -->

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

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

        <!-- begin main content -->
        <section class="section">
            <div class="container">
                <div class="columns">
                    <div class="column">
                        <div class="content">
                            {{ page.content }}
                        </div>
                    </div>

                    <div class="column is-narrow">
                        {% include posts-similar.liquid %}
                    </div>
                </div>
            </div>
        </section>
        <!-- end main content -->

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

</html>