2013-12-11 21:50:10 +00:00
< div class = "signup-form-element" >
2014-04-07 22:55:39 +00:00
< form class = "form-signup" name = "signupForm" ng-submit = "register()" ngshow = "!awaitingConfirmation && !registering" >
2014-04-07 23:04:26 +00:00
< input type = "text" class = "form-control" placeholder = "Create a username" name = "username" ng-model = "newUser.username" autofocus required ng-pattern = "/^[a-z0-9_]{4,30}$/" >
2013-12-11 21:50:10 +00:00
< input type = "email" class = "form-control" placeholder = "Email address" ng-model = "newUser.email" required >
2014-04-07 23:04:26 +00:00
< input type = "password" class = "form-control" placeholder = "Create a password" ng-model = "newUser.password" required
ng-pattern="/^.{8,}$/">
2013-12-11 21:50:10 +00:00
< input type = "password" class = "form-control" placeholder = "Verify your password" ng-model = "newUser.repeatPassword"
2014-04-07 23:04:26 +00:00
match="newUser.password" required
ng-pattern="/^.{8,}$/">
2013-12-11 21:50:10 +00:00
< div class = "form-group signin-buttons" >
2014-04-07 22:55:39 +00:00
< button id = "signupButton"
class="btn btn-primary btn-block landing-signup-button" ng-disabled="signupForm.$invalid" type="submit"
2014-04-06 04:50:30 +00:00
analytics-on analytics-event="register">
< span quay-show = "Features.BILLING" > Sign Up for Free!< / span >
< span quay-show = "!Features.BILLING" > Sign Up< / span >
< / button >
< span class = "social-alternate" quay-require = "['GITHUB_LOGIN']" >
2013-12-11 21:50:10 +00:00
< i class = "fa fa-circle" > < / i >
< span class = "inner-text" > OR< / span >
< / span >
< a href = "https://github.com/login/oauth/authorize?client_id={{ githubClientId }}&scope=user:email{{ github_state_clause }}"
2014-04-06 04:50:30 +00:00
class="btn btn-primary btn-block" quay-require="['GITHUB_LOGIN']">
< i class = "fa fa-github fa-lg" > < / i > Sign In with GitHub
< / a >
2013-12-11 21:50:10 +00:00
< / div >
< / form >
< div ng-show = "registering" style = "text-align: center" >
2013-12-18 03:56:28 +00:00
< div class = "quay-spinner 2x" > < / div >
2013-12-11 21:50:10 +00:00
< / div >
< div ng-show = "awaitingConfirmation" >
< div class = "sub-message" >
Thank you for registering! We have sent you an activation email.
You must < b > verify your email address< / b > before you can continue.< / div >
< / div >
< / div >