path: root/_layouts/journal.liquid



<!DOCTYPE html>
<html>
    <head>
        {% include "head.liquid" %}
        <script src="/public/js/lunr.js"></script>
    </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">
                    <h1 class="title">
                        {{ page.title }}
                    </h1>
                </div>
            </div>
            <!-- end hero body -->

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

        <!-- begin search -->
        <section class="section">
            <div class="container">
                <form onsubmit="alert()">
                    <div class="field">
                        <div class="control">
                            <input class="input is-rounded"
                                   type="text"
                                   placeholder="Search all posts..."
                                   >
                        </div>
                    </div>

                </form>
            </div>
        </section>
        <!-- end search -->

        <!-- begin main content -->
        <section class="section">
            <div class="container">

                <div class="content">
                    {{ page.content }}
                </div>

            </div>
        </section>
        <!-- end main content -->

        <!-- begin blog posts -->
        <section class="section">
            <div class="container">
                <div class="columns">

                    <!-- begin short post list -->
                    <div class="column is-narrow">
                        {% include all-posts.liquid %}
                    </div>
                    <!-- end short post list -->

                    <!-- begin long post list -->
                    <div class="column">
                        {% include post-list.liquid %}
                    </div>
                    <!-- end long post list -->

                </div>
            </div>
        </section>
        <!-- end blog posts -->

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

</html>