Add the sign up form to the sign in page

This commit is contained in:
Joseph Schorr 2013-12-11 16:55:07 -05:00
parent d41f651a38
commit 91f4464cb6
3 changed files with 33 additions and 19 deletions

View file

@ -758,23 +758,6 @@ i.toggle-icon:hover {
margin-bottom: 10px; margin-bottom: 10px;
} }
.landing-social-alternate {
color: #777;
font-size: 2em;
margin-left: 43px;
line-height: 1em;
}
.landing-social-alternate .inner-text {
text-align: center;
position: relative;
color: white;
left: -43px;
top: -9px;
font-weight: bold;
font-size: .4em;
}
form input.ng-invalid.ng-dirty, form input.ng-invalid.ng-dirty,
*[ng-form] input.ng-invalid.ng-dirty { *[ng-form] input.ng-invalid.ng-dirty {
background-color: #FDD7D9; background-color: #FDD7D9;
@ -2249,4 +2232,21 @@ p.editable:hover i {
.page-description { .page-description {
margin-bottom: 40px; margin-bottom: 40px;
} }
.landing .social-alternate {
color: #777;
font-size: 2em;
margin-left: 43px;
line-height: 1em;
}
.landing .social-alternate .inner-text {
text-align: center;
position: relative;
color: white;
left: -43px;
top: -9px;
font-weight: bold;
font-size: .4em;
}

View file

@ -9,7 +9,7 @@
<div class="form-group signin-buttons"> <div class="form-group signin-buttons">
<button class="btn btn-primary btn-block landing-signup-button" ng-disabled="signupForm.$invalid" type="submit" <button class="btn btn-primary btn-block landing-signup-button" ng-disabled="signupForm.$invalid" type="submit"
analytics-on analytics-event="register">Sign Up for Free!</button> analytics-on analytics-event="register">Sign Up for Free!</button>
<span class="landing-social-alternate"> <span class="social-alternate">
<i class="fa fa-circle"></i> <i class="fa fa-circle"></i>
<span class="inner-text">OR</span> <span class="inner-text">OR</span>
</span> </span>

View file

@ -16,6 +16,20 @@
</div> </div>
</div> </div>
</div> </div>
<div class="panel panel-default">
<div class="panel-heading">
<h6 class="panel-title accordion-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="#collapseRegister">
Create Account
</a>
</h4>
</div>
<div id="collapseRegister" class="panel-collapse collapse out">
<div class="panel-body">
<div class="signup-form"></div>
</div>
</div>
</div>
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<h6 class="panel-title accordion-title"> <h6 class="panel-title accordion-title">