ghost-theme-sd.ai/partials/components/header.hbs

75 lines
3.1 KiB
Handlebars
Raw Normal View History

2023-07-10 08:09:26 +01:00
{{#match headerStyle "!=" "Off"}}
<section class="gh-header is-{{#match headerStyle "Magazine"}}magazine{{else match headerStyle "Highlight"}}highlight{{else}}classic{{/match}}{{#if @custom.use_publication_cover_as_background}} has-image{{/if}} gh-outer">
{{!-- Background image --}}
{{#if @custom.use_publication_cover_as_background}}
{{#match headerStyle "!=" "Magazine"}}
{{#match headerStyle "!=" "Highlight"}}
{{#if @site.cover_image}}
<img class="gh-header-image" src="{{@site.cover_image}}" alt="{{@site.title}}">
{{/if}}
{{/match}}
{{/match}}
{{/if}}
2023-07-10 04:14:43 +01:00
2023-07-10 08:09:26 +01:00
<div class="gh-header-inner gh-inner">
2023-07-10 04:14:43 +01:00
2023-07-10 08:09:26 +01:00
{{!-- Magazine layout --}}
{{#match headerStyle "Magazine"}}
{{#foreach posts limit="7"}}
{{#match @number 2}}
<div class="gh-header-left">
{{/match}}
{{#match @number 5}}
<div class="gh-header-right">
{{/match}}
2023-07-30 11:48:03 +01:00
{{> "post-card"}}
2023-07-10 08:09:26 +01:00
{{#match @number 4}}
</div>
{{/match}}
{{#match @number 7}}
</div>
{{/match}}
{{/foreach}}
{{/match}}
2023-07-10 04:14:43 +01:00
2023-07-10 08:09:26 +01:00
{{!-- Highlight layout --}}
{{#match headerStyle "Highlight"}}
2023-07-26 09:03:19 +01:00
{{#if @custom.show_featured}}
<div class="gh-header-left">
{{#foreach posts limit="4"}}
2023-07-30 11:48:03 +01:00
{{> "post-card"}}
2023-07-26 09:03:19 +01:00
{{/foreach}}
</div>
<div class="gh-header-right">
{{> "components/featured" showFeatured=@custom.show_featured limit=6}}
</div>
{{else}}
{{#foreach posts limit="4"}}
2023-07-30 11:48:03 +01:00
{{> "post-card"}}
2023-07-26 09:03:19 +01:00
{{/foreach}}
{{/if}}
2023-07-10 08:09:26 +01:00
{{/match}}
2023-07-10 04:14:43 +01:00
2023-07-10 08:09:26 +01:00
{{!-- Landing layout --}}
{{#match headerStyle "Landing"}}
<h1 class="gh-header-title is-title">Founded by Australian journalist Claire Lehmann, Quillette publishes high quality long reads on diverse topics, daily.</h1>
2023-07-11 10:55:58 +01:00
<form class="gh-header-form">
<input class="gh-header-input" type="email" placeholder="jamie@example.com">
2023-07-10 08:09:26 +01:00
<button class="gh-button" type="submit">Subscribe</button>
</form>
{{/match}}
2023-07-10 04:14:43 +01:00
2023-07-10 08:09:26 +01:00
{{!-- Search layout --}}
{{#match headerStyle "Search"}}
<h1 class="gh-header-title is-title">Founded by Australian journalist Claire Lehmann, Quillette publishes high quality long reads on diverse topics, daily.</h1>
2023-07-11 10:55:58 +01:00
<form class="gh-header-form">
{{> "icons/search"}}
<button class="gh-header-input" data-ghost-search>Search posts, tags and authors</button>
</form>
2023-07-10 08:09:26 +01:00
{{/match}}
</div>
</section>
{{/match}}