64 lines
2.6 KiB
Handlebars
64 lines
2.6 KiB
Handlebars
{{#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}}
|
|
|
|
<div class="gh-header-inner gh-inner">
|
|
|
|
{{!-- 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}}
|
|
{{> "loop"}}
|
|
{{#match @number 4}}
|
|
</div>
|
|
{{/match}}
|
|
{{#match @number 7}}
|
|
</div>
|
|
{{/match}}
|
|
{{/foreach}}
|
|
{{/match}}
|
|
|
|
{{!-- Highlight layout --}}
|
|
{{#match headerStyle "Highlight"}}
|
|
{{#foreach posts limit="4"}}
|
|
{{> "loop"}}
|
|
{{/foreach}}
|
|
{{/match}}
|
|
|
|
{{!-- 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>
|
|
<form class="gh-header-form">
|
|
<input class="gh-header-input" type="email" placeholder="jamie@example.com">
|
|
<button class="gh-button" type="submit">Subscribe</button>
|
|
</form>
|
|
{{/match}}
|
|
|
|
{{!-- 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>
|
|
<form class="gh-header-form">
|
|
{{> "icons/search"}}
|
|
<button class="gh-header-input" data-ghost-search>Search posts, tags and authors</button>
|
|
</form>
|
|
{{/match}}
|
|
|
|
</div>
|
|
|
|
</section>
|
|
{{/match}} |