partials/prev-next.hbs

   1 <div class="c-post-view-prev-next">
   2         {{#next_post}}
   3             <article class="c-post-view-prev-next__item {{post_class}}">
   4                 <a class="c-post-view-prev-next__image" href="{{url}}" title="{{title}}">
   5                     <img class="c-post-view-prev-next__image__img" src="{{img_url feature_image}}" alt="{{title}}"/>
   6                     <span class="c-post-view-prev-next__image__label c-post-view-prev-next__image__label--next">
   7                         Next Post
   8                     </span>
   9                 </a>
  10
  11                 <h3 class="c-post-view-prev-next__title">
  12                     <a href="{{url}}" title="{{title}}">{{title}}</a>
  13                 </h3>
  14             </article>
  15         {{else}}
  16             <article class="c-post-view-prev-next__item">
  17                 <div class="c-post-view-prev-next__image c-post-view-prev-next__image--placeholder">
  18                     <span class="c-post-view-prev-next__image__label c-post-view-prev-next__image__label--next">
  19                         No Newer Posts
  20                     </span>
  21                 </div>
  22             </article>
  23         {{/next_post}}
  24
  25         {{#prev_post}}
  26             <article class="c-post-view-prev-next__item {{post_class}}">
  27                 <a class="c-post-view-prev-next__image" href="{{url}}" title="{{title}}">
  28                     <img class="c-post-view-prev-next__image__img" src="{{img_url feature_image}}" alt="{{title}}"/>
  29                     <span class="c-post-view-prev-next__image__label c-post-view-prev-next__image__label--previous">
  30                         Previous Post
  31                     </span>
  32                 </a>
  33
  34                 <h3 class="c-post-view-prev-next__title">
  35                     <a href="{{url}}" title="{{title}}">{{title}}</a>
  36                 </h3>
  37             </article>
  38         {{else}}
  39             <article class="c-post-view-prev-next__item">
  40                 <div class="c-post-view-prev-next__image c-post-view-prev-next__image--placeholder">
  41                     <span class="c-post-view-prev-next__image__label c-post-view-prev-next__image__label--previous">
  42                         No Older Posts
  43                     </span>
  44                 </div>
  45             </article>
  46         {{/prev_post}}
  47 </div>