{{!< default}}
<div class="main" id="vantajs">
  			<h1>{{@site.title}}</h1>

  			<div class="navbar">
            {{navigation}}
  			</div>
  		</div>

      {{#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)
  			{
  				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>