{{!< default}}

<div class="mind-index-header_main unselectable" id="vantajs">
  			<h1>{{@site.title}}</h1>
        <i class="mind-global-header_arrow-down mind-global-header_arrow-down-big"></i>
</div>


<main>
  <nav class="mind-global-navbar_secondary unselectable">
    {{navigation type="secondary"}}
  </nav>
  <div class="mind-content_main">
    <div class="mind-feed-content_main">

      <!-- Looping through every post -->
      {{#foreach posts}}
      	{{> "post-card-big"}}
      {{/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>