WIP: blog implementation on homepage

index.hbs

@@ -1,18 +1,40 @@
 {{!< default}}
-<div class="main" id="vantajs">
-  			<h1>{{@site.title}}</h1>
+<div class="navbar unselectable">
+    {{navigation}}
+</div>
 
-  			<div class="navbar">
-            {{navigation}}
-  			</div>
-  		</div>
+  <div class="mind-site-title unselectable" id="vantajs">
+    			<h1>{{@site.title}}</h1>
+          <i class="arrow-down"></i>
+  </div>
+
+
+<main>
+  <div class="mind-content">
+    <h2>Last posts</h2>
+
+      <div class="mind-articles-container">
+    <!-- Looping through every post -->
+    {{#foreach posts}}
+    	<article class="{{post_class}}">
+     		<header class="post-header">
+       		<h3><a href="{{url}}">{{title}}</a></h3>
+        </header>
+        <section class="post-excerpt">
+     			<p>{{excerpt words="26"}} <a class="read-more" href="{{url}}">...</a></p>
+        </section>
+        <footer class="post-meta">
+          {{#if primary_author.profile_image}}<img src="{{primary_author.profile_image}}" alt="Author image" />{{/if}}
+          {{primary_author}}
+          {{tags prefix=" on "}}
+          <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time>
+        </footer>
+      </article>
+    {{/foreach}}
+    </div>
+  </div>
+</main>
 
-      {{#post}}
-        <div class="mind-content">
-          {{content}}
-        </div>
-      {{/post}}
-      
   	<!-- Vanta.JS Scripts to make the background cool, but disabled on mobile -->
   		<script>
   			if(window.screen.width > 800)