edition/partials/cover.hbs

48 lines
1.9 KiB
Handlebars

<div class="cover{{#if @site.cover_image}} image-loading{{/if}}{{#match @custom.publication_cover_style "Half screen"}} half{{/match}} gh-outer">
{{#if @site.cover_image}}
<img class="cover-image u-object-fit" src="{{@site.cover_image}}" alt="{{@site.title}}">
{{/if}}
<div class="cover-content">
{{#if @site.description}}
<div class="cover-description">
{{#unless @member}}
{{#if @custom.email_signup_text}}
{{@custom.email_signup_text}}
{{else}}
{{@site.description}}
{{/if}}
{{else}}
{{@site.description}}
{{/unless}}
</div>
{{/if}}
{{#if @site.members_enabled}}
{{#unless @site.members_invite_only}}
{{#unless @member}}
<form class="form-wrapper cover-form" data-members-form>
<input class="auth-email" type="email" data-members-email placeholder="Your email address" required="true" autocomplete="false">
<button class="form-button" type="submit" aria-label="Submit">
<span class="default">Subscribe</span>
<span class="loader">{{> "icons/loader"}}</span>
<span class="success">Email sent</span>
</button>
</form>
{{/unless}}
{{/unless}}
{{/if}}
<div
style="z-index:11;"
hx-get="anything/shop/cycle/"
hx-swap="outerHTML"
hx-trigger="load, every 15s"
hx-headers='{"rose-ash-shop-layout-disable": "yes"}'
>
</div>
</div>
<button class="button-icon cover-arrow">
{{> "icons/caret-down"}}
</button>
</div>