zebra.life/themes/zebra/partials/loop.hbs

57 lines
2.3 KiB
Handlebars

{{! Previous/next page links - only displayed on page 2+ }}
<div class="extra-pagination">
{{pagination}}
</div>
<!-- SVG Sprite -->
<div style="height: 0; width: 0; position: absolute; visibility: hidden;" aria-hidden="true">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false">
<symbol id="ripply-scott" viewBox="0 0 100 100">
<g>
<polygon points="5.6,77.4 0,29 39.1,0 83.8,19.3 89.4,67.7 50.3,96.7"/>
<polygon fill="rgba(255,255,255,0.35)" transform="scale(0.5), translate(50, 50)" points="5.6,77.4 0,29 39.1,0 83.8,19.3 89.4,67.7 50.3,96.7"/>
<polygon fill="rgba(255,255,255,0.25)" transform="scale(0.25), translate(145, 145)" points="5.6,77.4 0,29 39.1,0 83.8,19.3 89.4,67.7 50.3,96.7"/>
</g>
</symbol>
</svg>
</div>
<!-- /end sprite -->
{{! This is the post loop - each post will be output using this markup }}
{{#foreach posts}}
<article class="{{post_class}}">
<header class="post-header">
<h2 class="post-title"><a href="{{url}}">{{{title}}}</a></h2>
{{#if image}}<a href="{{url}}"><img src="{{image}}" alt=""/></a>{{/if}}
</header>
<div class="post-content">
<section class="author">
{{#author}}
<a href="{{url}}">
{{#if image}}<img class="author-thumb" src="{{image}}" alt="{{name}}" nopin="nopin" />{{/if}}
</a>
{{/author}}
</section>
<section class="post-excerpt">
<p>{{excerpt words="70"}}...</p>
<div style="text-align: center">
<a class="read-more button styl-material read js-ripple-btn" id="js-ripple-btn-{{id}}" href="{{url}}">
Viens lire la suite
<svg class="ripple-obj" id="js-ripple">
<use width="4" height="4" xlink:href="#ripply-scott" class="js-ripple"></use>
</svg>
</a>
</div>
</section>
<footer class="post-meta">
{{author}}
{{tags prefix=" on "}}
<time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time>
</footer>
</div>
</article>
{{/foreach}}
{{! Previous/next page links - displayed on every page }}
{{ pagination}}