mind-overflow-website-ghost-theme/index.hbs

{{!< default}}
<div class="navbar unselectable">
    {{navigation}}
</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>

  	<!-- Vanta.JS Scripts to make the background cool, but disabled on mobile -->
  		<script>
  			if(window.screen.width > 800)
  			{
  				document.write('<script src="{{asset "js/three.r95.min.js"}}"><\/script>' +
  							   '<script src="{{asset "js/vanta.net.min.js"}}"><\/script>' +
  							   '<script>' +
  							   		'VANTA.NET({'+
  							   			'el: "#vantajs",'+
  							   			'color: 0x3fd5ff,'+
  								   		'backgroundColor: 0x190f2b,'+
  								   		'mouseControls: true,'+
  							   			'touchControls: true,'+
  							   			'minHeight: 200.00,'+
  							   			'minWidth: 200.00,'+
  							   			'scale: 1.00,'+
  							   			'scaleMobile: 1.00'+
  									'})'+
  								'<\/script>');
  				}
  		</script>