page-category.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/page.css"}}" as="style" />
<link rel="preload" href="{{asset "css/listing.css"}}" as="style" />
<link rel="preload" href="{{asset "js/page.js"}}" as="script" />
{{/contentFor}}

{{!-- This block loads specific styles for the index page --}}
{{#contentFor "styles"}}
<link rel="stylesheet" type="text/css" href="{{asset "css/page.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 --}}
{{#page}}
{{> header background=feature_image}}
{{/page}}

{{!-- Everything inside the #post tags pulls data from the post --}}

<div class="main-wrap">
    {{#page}}
    {{!-- Inject styles of the hero image to make it responsive --}}
    {{> hero background=feature_image}}
    <div class="m-hero__content" data-aos="fade-down">
        <h1 class="m-hero-title bigger">{{title}}</h1>
        {{#if custom_excerpt}}
        <p class="m-hero-description">{{custom_excerpt}}</p>
        {{/if}}
    </div>
    </section>
    <div class="l-content">
        <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
            <div class="l-grid centered">
                {{> 'loop-tags'}}
            </div>
        </div>
    </div>
    {{/page}}
</div>


{{!-- 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/page.js"}}"></script>
{{/contentFor}}