index.hbs

{{!< default}}
{{! The tag above means - insert everything in this file into the {body} of the default.hbs template }}

{{#contentFor "meta"}}
  {{> "meta-index"}}
{{/contentFor}}

{{> "header"}}

<div class="intro text-center">
    <div>
        <h1 class="title">{{@blog.title}}</h1>
        <h3 class="subtitle">{{@blog.description}}</h3>
    </div>
</div>

{{> "navbar"}}

{{! The main content area on the homepage }}
<main id="content" class="container" role="main">
    
    <div class="row text-center">
        <section id="results"></section>
    </div>

    <div class="row">
        {{! The tag below includes the post loop - partials/loop.hbs }}
        {{> "loop"}}
    </div>

    {{! This is the script for the search field }}
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="{{asset "js/jquery.ghostHunter.js"}}"></script>
    <script>
        $("#search-field").change().ghostHunter({
            results   : "#results"
        });
    </script>
    {{! Pinterest widget 
    <div style="text-align:center">
    <a data-pin-do="embedUser" href="url board" data-pin-scale-width="90" data-pin-scale-height="500">Visit Michael Genesini's profile on Pinterest.</a>}}
    <!-- Please call pinit.js only once per page
    <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
    </div>-->

</main>