{{!< 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>
    {{> "navbar-secondary"}}
    <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>