Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html ng-app="app">
<head>
    <title>Divide</title>
​
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">
​
    <!-- Compiled and minified CSS -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
​
    <!-- Angular -->
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-route.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.min.js"></script>
​
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
​
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
​
    <!-- Firebase -->
    <script src="https://www.gstatic.com/firebasejs/3.6.4/firebase.js"></script>
    <script src="https://www.gstatic.com/firebasejs/3.6.4/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/3.6.4/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/3.6.4/firebase-database.js"></script>
    <script src="https://cdn.firebase.com/libs/angularfire/2.0.1/angularfire.min.js"></script>
    <script>
        // Initialize Firebase
        var config = {
            apiKey: "AIzaSyBWE722cr5fysy6k0f-lUNaRLMxvP6v5hM",
            authDomain: "divide-material.firebaseapp.com",
            databaseURL: "https://divide-material.firebaseio.com"
        };
        firebase.initializeApp(config);
    </script>
​
    <script src="js/app.js"></script>
​
    <base href="/projects/personal/divide/divide/#/"></base>
    <!-- <base href="/"></base> -->
​
</head>
<body autoscroll="true" class="grey lighten-2">
​
    <nav class="white" ng-controller="navigationController">
        <div class="container">
            <div class="nav-wrapper">
                <a ui-sref="home" class="brand-logo">
                    <img src="img/logo.png">
                </a>
​
                <a ng-show="user == null" data-activates="mobile-demo" class="button-collapse light-green-text"><i class="material-icons">menu</i></a>
​
                <ul ng-show="user == null" class="right hide-on-med-and-down light-green-text">
                    <li><a ui-sref="home">Home</a></li>
                    <li><a ui-sref="create">Create group</a></li>
                </ul>
​
                <ul ng-show="user == null" class="side-nav light-green-text" id="mobile-demo">
                    <li><a ui-sref="home">Home</a></li>
                    <li><a ui-sref="create">Create group</a></li>
                </ul>
​
                <a ng-show="user != null" ng-click="signOut()" class="waves-effect waves-light btn right z-depth-1 light-green white-text">Logout</a>
            </div>
        </div>
    </nav>
​
    <main class="page" id="page" ui-view></main>
​
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers