index.hbs

{{!< default}}

{{!> header}}

{{!> navigation}}
{{! The main content area on the homepage }}
<main class="content" role="main">

    {{! Each post will be output using this markup }}
    {{#foreach posts}}

    <div class="row">
        <div>
          <div class="card grey lighten-5">
            <div class="card-content black-text">
              <span class="card-title"><a href="{{url}}">{{{title}}}</a></span>
              {{content words="100"}}
            </div>
            <div class="card-action">
                <a href="{{url}}">View Post</a>
              <div class="time">
                <time datetime="{{date format='DD-MMM-YYYY'}}">{{date format="DD MMM YYYY"}}</time>
              </div>
              {{#if tags}}
                {{#foreach tags}}
                <div class="chip">
                      <a href="{{url}}" title="{{name}}" class="tag-{{id}}">{{name}}</a>
                      <i class="material-icons">close</i>
                </div>
                {{/foreach}}
              {{/if}}
            </div>
          </div>
        </div>
      </div>

    {{/foreach}}

    {{!! After all the posts, we have the previous/next pagination links }}
{{pagination}}
</main>