<!DOCTYPE html>
<html class="no-js" lang="{{@site.locale}}">
    <head>
        <meta charset="UTF-8" />

        <title>{{@site.title}}</title>
        <meta property="og:type" content="website">
        <meta property="og:site_name" content="{{@site.title}}">
        <meta property="og:title" content="{{@site.title}}">
        <meta name="twitter:title" content="{{@site.title}}">

        <link rel="canonical" href="{{@site.url}}">
        <meta property="og:url" content="{{@site.url}}">
        <meta name="twitter:url" content="{{@site.url}}">

        {{#if @site.icon}}
            <link rel="icon" href="{{img_url @site.icon absolute="true"}}" type="image/png">
        {{/if}}

        {{#if @site.description}}
            <meta name="description" content="{{@site.description}}">
            <meta property="og:description" content="{{@site.description}}">
            <meta name="twitter:description" content="{{@site.description}}">
        {{/if}}

        {{#if @site.cover_image}}
            <meta property="og:image" content="{{img_url @site.cover_image absolute="true"}}">
            <meta name="twitter:image" content="{{img_url @site.cover_image absolute="true"}}">
        {{/if}}

        <meta name="referrer" content="no-referrer-when-downgrade">
        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-capable" content="yes" />

        <link rel="stylesheet" href="{{asset "public/ghost.css" hasMinFile="true"}}"/>
        <script>
            document.documentElement.classList.remove('no-js');
            document.documentElement.classList.add('js');
        </script>
    </head>
    <body{{#if @site.accent_color}} style="--gh-private-accent-color: {{@site.accent_color}}; --gh-private-accent-color-rgba: {{color_to_rgba @site.accent_color 0.25}}; --gh-private-accent-contrast-color: {{contrast_text_color @site.accent_color}};"{{/if}}>
        <div class="gh-app">
            <div class="gh-viewport">
                <main class="gh-main" role="main">
                    <div class="gh-flow">
                        <div class="gh-flow-content-wrap">
                            <section class="gh-flow-content private">
                                <header>
                                    {{#if @site.icon}}
                                        <img class="site-icon" src="{{img_url @site.icon absolute="true"}}" alt="icon">
                                    {{/if}}
                                    <h1>{{@site.title}}</h1>
                                    {{#if @site.description}}
                                        <p class="gh-private-description">{{@site.description}}</p>
                                    {{/if}}
                                    {{#if @site.allow_self_signup}}
                                        <form class="gh-private-signup-form gh-signin" data-ghost-private-subscribe-form data-members-form="subscribe" data-site-url="{{@site.url}}" data-state="idle" novalidate="novalidate">
                                            <div class="gh-private-signup-fields">
                                                <input class="gh-input gh-private-signup-input" type="email" placeholder="{{t "Your email address"}}" aria-label="{{t "Your email address"}}" autocomplete="email" required data-members-email>
                                                <button class="gh-btn gh-private-signup-btn" type="submit">
                                                    <span class="gh-private-signup-btn-content">
                                                        <b class="gh-private-signup-btn-label">{{t "Subscribe"}}</b>
                                                        <svg class="gh-private-signup-btn-loading" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                                                            <circle cx="4" cy="12" r="3"></circle>
                                                            <circle cx="12" cy="12" r="3"></circle>
                                                            <circle cx="20" cy="12" r="3"></circle>
                                                        </svg>
                                                        <svg class="gh-private-signup-btn-success" viewBox="0 0 15 14" aria-hidden="true" focusable="false">
                                                            <path d="M1 6.89286L6.10714 12L13.9643 1" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                                        </svg>
                                                    </span>
                                                </button>
                                            </div>
                                            <p class="gh-private-signup-feedback" data-ghost-private-subscribe-feedback data-state="idle" aria-live="polite"></p>
                                        </form>
                                    {{/if}}
                                </header>
                                {{#unless @site.allow_self_signup}}
                                    <form class="gh-signin gh-private-signin gh-private-access-form" method="post" novalidate="novalidate">
                                        <div class="gh-private-signup-fields">
                                            <div class="form-group gh-private-access-input-wrap{{#if error}} error{{/if}}">
                                                    {{input_password class="gh-input gh-private-signup-input" placeholder=(t "Access code") data-1p-ignore="true"}}
                                                    {{#if error}}
                                                        <p class="main-error">{{error.message}}</p>
                                                    {{/if}}
                                            </div>
                                            <button class="gh-btn gh-private-signup-btn" type="submit"><span>{{t "Enter"}} &rarr;</span></button>
                                        </div>
                                    </form>
                                {{/unless}}
                            </section>
                            {{#if @site.allow_self_signup}}
                                <dialog class="gh-private-dialog" id="access" aria-labelledby="private-access-title" {{#if @site.accent_color}} style="--gh-private-accent-color: {{@site.accent_color}}; --gh-private-accent-color-rgba: {{color_to_rgba @site.accent_color 0.25}}; --gh-private-accent-contrast-color: {{contrast_text_color @site.accent_color}};"{{/if}} {{#if error}}data-auto-open="true"{{/if}}>
                                    <div class="gh-private-dialog-panel">
                                        <button class="gh-private-dialog-close" type="button" data-ghost-private-close aria-label="{{t "Close"}}">
                                            <svg class="gh-private-dialog-close-icon" viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
                                                <path d="M6 6L18 18" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"></path>
                                                <path d="M18 6L6 18" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"></path>
                                            </svg>
                                        </button>
                                        <header class="gh-private-dialog-header">
                                            <h2 id="private-access-title">{{t "Enter access code"}}</h2>
                                        </header>
                                        <form class="gh-signin gh-private-signin gh-private-access-form" method="post" novalidate="novalidate">
                                            <div class="gh-private-signup-fields">
                                                <div class="form-group gh-private-access-input-wrap{{#if error}} error{{/if}}">
                                                        {{input_password class="gh-input gh-private-signup-input" placeholder=(t "Access code") data-1p-ignore="true"}}
                                                        {{#if error}}
                                                            <p class="main-error">{{error.message}}</p>
                                                        {{/if}}
                                                </div>
                                                <button class="gh-btn gh-private-signup-btn" type="submit"><span>{{t "Enter"}} &rarr;</span></button>
                                            </div>
                                        </form>
                                    </div>
                                </dialog>
                            {{/if}}
                            <div class="gh-private-trigger-wrap">
                                <div class="gh-private-footer-links">
                                    <a class="gh-private-powered" href="https://ghost.org" target="_blank" rel="noopener noreferrer">
                                        <svg class="gh-private-powered-logo" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM11.8326 2.33879C6.37785 2.95189 3.95901 5.20797 3.41126 9.74699C3.34896 10.2632 3.22642 10.7805 3.10443 11.2954C2.93277 12.02 2.76221 12.74 2.76221 13.4458C2.76221 17.9885 6.5856 21.556 11.1283 21.556C12.8959 21.556 14.4433 20.8144 15.8756 20.048C19.0536 18.3478 22.0328 16.2597 22.0328 12.5411C22.0328 9.91512 20.1051 7.56932 18.466 5.5747C18.3834 5.47416 18.3015 5.37451 18.2206 5.27577C17.3866 4.25742 14.4333 2.04643 11.8326 2.33879Z" fill="currentColor"></path>
                                        </svg>
                                        <span>Powered by Ghost</span>
                                    </a>
                                    <span class="gh-private-footer-separator" aria-hidden="true">|</span>
                                    {{#if @site.allow_self_signup}}
                                        <a class="gh-private-trigger" href="#access" data-ghost-private-trigger>{{t "Enter access code"}}</a>
                                        <span class="gh-private-footer-separator" aria-hidden="true">|</span>
                                    {{/if}}
                                    <a href="{{@site.admin_url}}">{{t "Site owner login"}}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
            </div>
        </div>
        <script id="gh-private-config" type="application/json">{{json
            accessDialogSelector="#access"
            footerLinksSelector=".gh-private-trigger-wrap"
            successResetDelay=1000
            invalidEmailMessage=(t "Please enter a valid email address")
            genericErrorMessage=(t "Something went wrong, please try again.")
            confirmEmailMessage=(t "Thanks! Now check your email to confirm.")
            subscriptionConfirmedMessage=(t "Subscription confirmed!")
            restrictedDomainMessage=(t "Signups from this email domain are currently restricted.")
            tooManyAttemptsMessage=(t "Too many sign-up attempts, try again later")
        }}</script>
        <script src="{{asset "public/private.js" hasMinFile="true"}}" defer></script>
    </body>
</html>
