{{!< default}}

<div class="mind-post-header unselectable">
  {{#tag}}

    <div>
      <h1>{{name}}</h1>
      <p>
        {{#if description}}
          {{description}}
        {{else}}
          {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}}
        {{/if}}
      </p>
    </div>
  {{/tag}}
  <i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i>
</div>

<main>
  <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>