summaryrefslogblamecommitdiff
path: root/_layouts/search.liquid
blob: e1d243404a92b80af088cd4b1a360f92fcf2837e (plain) (tree)



























































































                                                                
<!DOCTYPE html>
<html>
    <head>
        {% include "head.liquid" %}
        <script src="/public/js/lunr.js"></script>
        <script src="/public/js/posts.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">
                <div class="field">
                    <div class="control">
                        <input class="input is-rounded"
                               type="text"
                               placeholder="Search all posts..."
                               >
                    </div>
                </div>

                <button class="button" onclick="test()">
                    search
                </button>
            </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>