2015-05-17 15:31:54 +03:00
<div class="gh-flow">
2014-07-30 19:04:03 +04:00
2015-05-17 15:31:54 +03:00
<div class="gh-flow-content-wrap">
<section class="gh-flow-content">
2014-07-17 15:34:40 +04:00
<header>
2015-05-17 15:31:54 +03:00
<h1>Create your account</h1>
2014-07-17 15:34:40 +04:00
</header>
2015-05-17 15:31:54 +03:00
<form id="signup" class="gh-flow-create" method="post" novalidate="novalidate">
{{!-- Hack to stop Chrome's broken auto-fills --}}
<input style="display:none;" type="text" name="fakeusernameremembered"/>
<input style="display:none;" type="password" name="fakepasswordremembered"/>
<figure class="account-image">
<div id="account-image" class="img" style="background-image: url(http://www.gravatar.com/avatar/75e958a6674a7d68fe0d575fb235116c?d=404&s=250)">
<!-- fallback to: Ghost/core/shared/img/ghosticon.jpg -->
2015-07-07 20:14:23 +03:00
<span class="sr-only">User image</span>
2015-05-17 15:31:54 +03:00
</div>
2015-05-24 22:44:09 +03:00
<a class="edit-account-image" href="#"><i class="icon-photos "><span class="sr-only">Upload an image</span></i></a>
2015-05-17 15:31:54 +03:00
</figure>
2015-07-07 20:14:23 +03:00
{{ # gh-form-group errors = model .errors property = "email" }}
2015-05-17 15:31:54 +03:00
<label for="email-address">Email address</label>
<span class="input-icon icon-mail">
2015-08-11 16:21:30 +03:00
{{ gh-input type = "email" name = "email" placeholder = "Eg. john@example.com" class = "gh-input" enter = ( action "signup" ) disabled = true autocorrect = "off" value = model .email focusOut = ( action "validate" "email" ) }}
2015-05-17 15:31:54 +03:00
</span>
2015-07-07 20:14:23 +03:00
{{ gh-error-message errors = model .errors property = "email" }}
{{ / gh-form-group }}
{{ # gh-form-group errors = model .errors property = "name" }}
2015-05-17 15:31:54 +03:00
<label for="full-name">Full name</label>
<span class="input-icon icon-user">
2015-08-10 20:45:50 +03:00
{{ gh-input type = "text" name = "name" placeholder = "Eg. John H. Watson" class = "gh-input" enter = ( action "signup" ) autofocus = "autofocus" autocorrect = "off" value = model .name focusOut = ( action "validate" "name" ) }}
2015-05-17 15:31:54 +03:00
</span>
2015-07-07 20:14:23 +03:00
{{ gh-error-message errors = model .errors property = "name" }}
{{ / gh-form-group }}
{{ # gh-form-group errors = model .errors property = "password" }}
2015-05-17 15:31:54 +03:00
<label for="password">Password</label>
<span class="input-icon icon-lock">
2015-08-10 20:45:50 +03:00
{{ in put class = "gh-input" type = "password" name = "password" autofocus = "autofocus" enter = ( action "signup" ) autocorrect = "off" value = model .password focusOut = ( action "validate" "password" ) }}
2015-05-17 15:31:54 +03:00
<div class="pw-strength">
<div class="pw-strength-dot"></div>
<div class="pw-strength-dot"></div>
<div class="pw-strength-dot"></div>
<div class="pw-strength-dot"></div>
<div class="pw-strength-dot <!--pw-strength-activedot-->"></div>
</div>
</span>
2015-07-07 20:14:23 +03:00
{{ gh-error-message errors = model .errors property = "password" }}
{{ / gh-form-group }}
2015-05-17 15:31:54 +03:00
</form>
2015-08-10 20:45:50 +03:00
{{ gh-spin-button type = "submit" class = "btn btn-green btn-lg btn-block" action = "signup" submitting = submitting buttonText = "Create Account" autoWidth = false }}
<p class="main-error"> {{{ flowErrors }}} </p>
2015-05-17 15:31:54 +03:00
</section>
2014-07-17 15:34:40 +04:00
</div>
2015-05-17 15:31:54 +03:00
</div>