<!doctype html>
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if (gte IE 9)| IEMobile |!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>Ghost - Subscribe</title>

    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <link rel="shortcut icon" href="{{asset "favicon.ico"}}">
    <meta http-equiv="cleartype" content="on">

    <link rel="stylesheet" href="{{asset "public/ghost.css" hasMinFile="true"}}"/>
</head>
<body>
<div class="gh-app">
    <div class="gh-viewport">
        <main class="gh-main" role="main">
            <div class="gh-flow">
                <header class="gh-flow-head">
                    <nav class="gh-flow-nav">
                        <a href="{{#if subscribed_url}}{{subscribed_url}}{{else}}{{@blog.url}}{{/if}}" class="gh-flow-back">
                            <?xml version="1.0" encoding="UTF-8" standalone="no"?>
                            <svg width="17px" height="27px" viewBox="0 0 17 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
                                <title>arrow-left3</title>
                                <desc>Created with Sketch.</desc>
                                <defs></defs>
                                <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                                    <g id="Stroke-42" transform="translate(2.000000, 2.000000)" stroke-width="3" stroke="#0B0B0A">
                                        <polyline points="13.5401 0.4256 0.3971 11.9256 13.5401 23.4256"></polyline>
                                    </g>
                                </g>
                            </svg>
                            Back
                        </a>
                    </nav>
                </header>

                <div class="gh-flow-content-wrap">
                    <section class="gh-flow-content">
                        {{^if success}}
                            <header>
                                <h1>Subscribe to {{@blog.title}}</h1>
                            </header>

                            {{subscribe_form
                                form_class="gh-signin"
                                input_class="gh-input"
                                button_class="gh-btn gh-btn-blue gh-btn-block"
                                placeholder="Your email address"
                                autofocus="true"
                            }}
                        {{else}}
                            <header>
                                <h1>Subscribed!</h1>
                            </header>

                            <p>
                                You've successfully subscribed to <em>{{@blog.title}}</em>
                                with the email address <em>{{email}}</em>.
                            </p>
                        {{/if}}
                    </section>
                </div>
            </div>
        </main>
    </div>
</div>
</body>
</html>
