posts.hbs

{{!--
This template is used for the index page.
It can be used also as the home page or the default page.
--}}

{{!-- This block preloads specific assets for the index page --}}
{{#contentFor "preload"}}
	<link rel="preload" href="{{asset "css/home.css"}}" as="style" />
	<link rel="preload" href="{{asset "css/listing.css"}}" as="style" />
	<link rel="preload" href="{{asset "js/home.js"}}" as="script" />
{{/contentFor}}

{{!-- This block loads specific styles for the index page --}}
{{#contentFor "styles"}}
	<link rel="stylesheet" type="text/css" href="{{asset "css/home.css"}}" media="screen" />
	<link rel="stylesheet" type="text/css" href="{{asset "css/listing.css"}}" media="screen" />
{{/contentFor}}

{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}}

{{!-- Special header.hbs partial to generate the <header> tag --}}
{{> header background=@site.cover_image}}

<main class="main-wrap">
	{{> hero}}
	<div class="l-content">
		<div class="l-wrapper" data-animate="fade-up">
			<div class="l-grid centered">
				{{!-- The tag below iterates over all the posts --}}
				{{> "posts-loop"}}
      		</div>
		</div>
	</div>
</main>

{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}}
{{#contentFor "scripts"}}
	<script defer src="{{asset "js/home.js"}}"></script>
{{/contentFor}}