subscribe.hbs

   1 <!DOCTYPE html>
   2 <html lang="{{@site.locale}}">
   3 <head>
   4
   5     {{> theme_head}}
   6
   7     {{!-- Ghost outputs important style and meta data with this tag --}}
   8     {{ghost_head}}
   9
  10 </head>
  11 <body class="subscribe">
  12
  13     <header>
  14         <div class="container">
  15             <a href="{{@site.url}}" class="back"></a>
  16         </div>
  17     </header>
  18
  19     <main id="content" class="container" role="main">
  20         <article class="{{post_class}}">
  21             <h1 class="post-title">
  22                 {{^if success}}
  23                     {{t "Subscribe to {blogtitle}" blogtitle=@site.title}}
  24                 {{else}}
  25                     {{t "Subscribed!"}}
  26                 {{/if}}
  27             </h1>
  28             <section class="post-content">
  29                 {{^if success}}
  30                     {{subscribe_form
  31                         form_class="gh-signin"
  32                         input_class="gh-input"
  33                         button_class="gh-btn gh-btn-blue gh-btn-block"
  34                         placeholder=(t "Your email address")
  35                         autofocus="true"
  36                     }}
  37                 {{else}}
  38                     <p>
  39                         {{t "You've successfully subscribed to"}} <em>{{@site.title}}</em>
  40                         {{t "with the email address"}} <em>{{email}}</em>.
  41                     </p>
  42                 {{/if}}
  43             </section>
  44         </article>
  45     </main>
  46     <footer>
  47         <div class="social">
  48             {{#if @site.facebook}}
  49                 <a href="{{facebook_url}}" class="facebook" title="{{@site.facebook}}" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook-f"></i></a>
  50             {{/if}}
  51             {{#if @site.twitter}}
  52                 <a href="{{twitter_url}}" class="twitter" title="{{@site.twitter}}" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>
  53             {{/if}}
  54         </div>
  55         <div class="copyright">{{t "Copyright"}} &copy; {{date format="YYYY"}}, <a href="{{@site.url}}">{{@site.title}}</a>. {{t "All Right Reserved"}}.</div>
  56     </footer>
  57
  58     {{!-- Ghost Content API --}}
  59     <script type="text/javascript" src="https://unpkg.com/@tryghost/content-api@1.0.0/umd/content-api.min.js"></script>
  60
  61     {{!-- 3rd party scripts --}}
  62     <script type="text/javascript" src="{{asset "js/libraries.js"}}"></script>
  63
  64     {{!-- The main JavaScript file for Tawau --}}
  65     <script type="text/javascript" src="{{asset "js/main.js"}}"></script>
  66
  67     {{!-- Ghost outputs important scripts and data with this tag --}}
  68     {{ghost_foot}}
  69 </body>
  70 </html>