diff options
| author | Evan Chiu | 2014-10-30 22:52:30 -0400 |
|---|---|---|
| committer | Evan Chiu | 2014-10-30 22:52:30 -0400 |
| commit | 496b780ee2f9af613e3f3b92f86c369d654a6b48 (patch) | |
| tree | 070be919697dc2848b62770c2e5797c56ca50523 /views/index.ejs | |
| parent | 60de545f54eda6c9ce20d78030940bfaa1a34c40 (diff) | |
| download | sipping-point-496b780ee2f9af613e3f3b92f86c369d654a6b48.tar.bz2 | |
Adding style, friends
Diffstat (limited to 'views/index.ejs')
| -rw-r--r-- | views/index.ejs | 50 |
1 files changed, 36 insertions, 14 deletions
diff --git a/views/index.ejs b/views/index.ejs index 4e478bc..ba6034e 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -1,14 +1,17 @@ <!DOCTYPE html> -<html> +<html ng-app="app"> <head> <title><%= title %></title> <meta charset="UTF-8"> +<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootswatch/3.2.0/slate/bootstrap.min.css' /> <link rel='stylesheet' href='/stylesheets/style.css' /> </head> <body> -<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> + <script> var AUTH = {}; + var USER = {}; + // This is called with the results from from FB.getLoginStatus(). function statusChangeCallback(response) { console.log('statusChangeCallback'); @@ -82,8 +85,7 @@ console.log('Welcome! Fetching your information.... '); FB.api('/me', function(response) { console.log('Successful login for: ' + response.name); - document.getElementById('status').innerHTML = - 'Thanks for logging in, ' + response.name + '!'; + USER = response; }); } @@ -106,19 +108,39 @@ } </script> -<!-- - Below we include the Login Button social plugin. This button uses - the JavaScript SDK to present a graphical Login button that triggers - the FB.login() function when clicked. ---> +<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="#">Sipping Point</a> + </div> + <div id="navbar" class="collapse navbar-collapse"> + <ul class="nav navbar-nav"> + </ul> + </div><!--/.nav-collapse --> + </div> +</nav> -<fb:login-button scope="public_profile,email,user_friends" onlogin="checkLoginState();"> -</fb:login-button> - -<input type="button" onclick="logout()" value="logout"></input> +<div class="container"></div> + <div ng-view></div> +</div> -<div id="status"> +<div class="footer"> + <div class="container"> + <p class="text-muted">©2014 Ultimate Developer Hack Team: Sipping Point</p> + </div> </div> +<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> +<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> +<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script> +<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular-route.min.js"></script> +<script src="/scripts/app.js"></script> +<script src="/scripts/controllers.js"></script> </body> </html> |