Ghost version

themes/zebra/partials/loop.hbs

@@ -0,0 +1,56 @@
+{{! 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}}

themes/zebra/partials/navigation.hbs

@@ -0,0 +1,13 @@
+<div class="nav">
+    <h3 class="nav-title">Menu</h3>
+    <a href="#" class="nav-close">
+        <span class="hidden">Close</span>
+    </a>
+    <ul>
+        {{#foreach navigation}}
+            <li class="nav-{{slug}}{{#if current}} nav-current{{/if}}" role="presentation"><a href="{{url absolute="true"}}">{{label}}</a></li>
+        {{/foreach}}
+    </ul>
+    <a class="subscribe-button icon-feed" href="{{@blog.url}}/rss/">Subscribe</a>
+</div>
+<span class="nav-cover"></span>