65 lines
2.5 KiB
Handlebars
65 lines
2.5 KiB
Handlebars
{{!-- This block preloads specific assets for the post page --}}
|
|
{{#contentFor "preload"}}
|
|
<link rel="preload" href="{{asset "css/post.css"}}" as="style" />
|
|
<link rel="preload" href="{{asset "js/page.js"}}" as="script" />
|
|
{{/contentFor}}
|
|
|
|
{{!-- This block loads specific styles for the post page --}}
|
|
{{#contentFor "styles"}}
|
|
<link rel="stylesheet" type="text/css" href="{{asset "css/post.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 --}}
|
|
{{#post}}
|
|
{{> header background=@site.cover_image}}
|
|
{{/post}}
|
|
|
|
<main class="main-wrap{{#if @custom.use_custom_cta}} with-custom-cta{{/if}}{{#if @custom.use_wave_separator}} with-wave-separator{{/if}}">
|
|
{{!-- Everything inside the #post tags pulls data from the post --}}
|
|
{{!-- Inject styles of the hero image to make it responsive --}}
|
|
{{> hero background=@site.cover_image}}
|
|
<div class="m-hero__content" data-animate="fade-down">
|
|
<h1 class="m-hero-title bigger">{{@site.title}}</h1>
|
|
{{#if @site.description}}
|
|
<p class="m-hero-description bigger">{{@site.description}}</p>
|
|
{{/if}}
|
|
{{#if @custom.use_custom_cta}}
|
|
<a href="{{@custom.custom_cta_url}}" class="m-button filled">{{@custom.custom_cta_text}}</a>
|
|
{{else}}
|
|
{{#if @site.members_enabled}}
|
|
<a href="{{@site.url}}/newsletter" class="m-button filled js-newsletter">{{t "Subscribe"}}</a>
|
|
{{/if}}
|
|
{{/if}}
|
|
</div>
|
|
{{#if @custom.use_wave_separator}}
|
|
<div class="m-hero__waves">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
|
|
<path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z"></path>
|
|
</svg>
|
|
</div>
|
|
{{/if}}
|
|
</section>
|
|
{{#post}}
|
|
<article>
|
|
<div class="l-content">
|
|
<div class="l-wrapper in-post" data-animate="fade-up">
|
|
<div class="l-post-content">
|
|
<div class="pos-relative js-post-content">
|
|
{{content}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
{{/post}}
|
|
</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/page.js"}}"></script>
|
|
{{/contentFor}}
|