liebling/subscribe.hbs

65 lines
2.3 KiB
Handlebars
Raw Normal View History

2019-04-14 18:41:25 +00:00
{{!--
2019-10-13 13:01:10 +00:00
This template is used for the subscription page.
2019-04-14 18:41:25 +00:00
--}}
2020-11-07 19:18:06 +00:00
{{!-- This block preloads specific assets for the newsletter page --}}
{{#contentFor "preload"}}
2020-07-07 15:13:29 +00:00
<link rel="preload" href="{{asset "css/newsletter.css"}}" as="style" />
2020-11-07 19:18:06 +00:00
{{/contentFor}}
2020-07-07 15:13:29 +00:00
2020-11-07 19:18:06 +00:00
{{!-- This block loads specific styles for the newsletter page --}}
{{#contentFor "styles"}}
2020-07-07 15:13:29 +00:00
<link rel="stylesheet" type="text/css" href="{{asset "css/newsletter.css"}}" media="screen" />
2020-07-02 20:23:00 +00:00
{{/contentFor}}
2019-04-14 18:41:25 +00:00
{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
2019-02-23 13:53:40 +00:00
{{!< default}}
2020-07-07 15:13:29 +00:00
<main>
<div class="l-wrapper" data-aos="fade-down">
<a href="{{@site.url}}" class="m-back">
<span class="m-back__icon icon-arrow-left"></span>
<span>{{t "Back to home"}}</span>
</a>
</div>
<div class="l-fullscreen">
<section class="l-fullscreen__content in-subscribe-page" data-aos="fade-up" data-aos-delay="300">
{{^if success}}
<div>
<header class="m-heading in-subscribe-page">
2021-02-15 18:56:34 +00:00
<h1 class="m-heading__title">
{{t "Subscribe to {blogtitle}" blogtitle=@site.title}}
</h1>
2020-07-07 15:13:29 +00:00
<p class="m-heading__description in-subscribe-page">
{{t "Stay up to date! Get all the latest & greatest posts delivered straight to your inbox."}}
</p>
</header>
{{subscribe_form
form_id="subscribe-form"
form_class="m-subscribe-section__form"
input_id="subscribe_input"
input_class="m-input in-subscribe-section"
button_id="subscribe_button"
button_class="m-button primary block"
placeholder=(t "Your email address")
autofocus="true"
}}
</div>
{{else}}
<div>
<header class="m-heading in-subscribe-page">
<h1 class="m-heading__title">{{t "Subscribed!"}}</h1>
<p class="m-heading__description in-subscribe-page">
{{t "You've successfully subscribed to"}} <strong>{{@site.title}}</strong> {{t "with the email address"}}
<strong>{{email}}</strong>
</p>
</header>
<a href="{{@site.url}}" class="m-button outlined">{{t "Back to home"}}</a>
</div>
{{/if}}
</section>
</div>
2019-02-23 13:53:40 +00:00
</main>