kuasha/cosmos

    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="/">Login</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="/">Home</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>

    <div class="container theme-showcase" role="main">
          <div class="jumbotron">
            <div class="row">
                <h3  ng-show="!loggedIn()"><span ng-show="haveAccount">Login</span><span ng-show="!haveAccount">Create account</span> </h3>
                <div ng-bind="error"></div>
                <div ng-show="!loggedIn()">
                    <div class="col-xs-4">
                        <div class="form-group">
                            <label>User name</label>
                            <input class="form-control" id="username" type="text" name="username" ng-model="username"/>
                        </div>
                        <div class="form-group">
                            <label>Password</label>
                            <input class="form-control" type="password" id="password" name="password" ng-model="password"/>
                        </div>

                        <div class="form-group" ng-show="!haveAccount">
                            <label>Password again</label>
                            <input class="form-control" type="password" id="password_re" name="password_re" ng-model="password_re"/>
                        </div>

                        <div class="form-group" ng-show="haveAccount">
                            <button id="loginbtn" value="Login" class="btn btn-primary" ng-click="login()">Login</button>
                        </div>

                        <div class="form-group" ng-show="!haveAccount">
                            <button id="signupbtn" value="Login" class="btn btn-primary" ng-click="signup()">Create account</button>
                        </div>
                        <hr color="green"/>
                        <div>
                            <button ng-show="haveAccount" class="btn btn-primary btn-xs"  ng-click="haveAccount=false;">Sign up for a new account</button>
                            <button ng-show="!haveAccount" class="btn btn-success btn-xs"  ng-click="haveAccount=true;">I already have an account</button>
                        </div>
                    </div>
                </div>
            </div>
             <div ng-show="loggedIn()">Welcome</div>
          </div>
        <div id="status"></div>
    </div>