<!DOCTYPE html>
<html lang="en" ng-app="noteWrangler">
  <head>
    <meta charset="utf-8" />
    <title>NoteWrangler</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="css/application.css" />
    <link rel="stylesheet" href="css/style.css" />
  </head>

  <body>
    <div class="nav-wrapper has-dropdown">
      <div class="nav-content">
        <div class="wrapper">
          <div class="nav-content-layout">
            <div class="nav-list">

              <a href="#/notes"
                class="list-item"
                ng-click="selected = notes"
                ng-class="{ 'active': selected == 'notes' }">Notes</a>
              <a href="#/users"
                class="list-item"
                ng-click="selected = users"
                ng-class="{ 'active': selected == 'users' }">Users</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="hero-wrapper">
      <div class="hero-content">
        <div class="hero"></div>
      </div>
    </div>

    <div class="main-wrapper">
      <div ng-view></div>
    </div>

    <!-- Load JS libs -->
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <script src="./node_modules/angular/angular.js"></script>
    <script src="./node_modules/angular-route/angular-route.js"></script>
    <script src="./node_modules/angular-resource/angular-resource.js"></script>
    <script src="./node_modules/crypto-js/crypto-js.js"></script>
    <script src="./node_modules/markdown/lib/markdown.js"></script>

    <script src="./js/app.js"></script>
    <script src="./js/routes.js"></script>

    <!-- Services -->
    <script src="./js/services/gravatar.js"></script>
    <script src="./js/services/note.js"></script>

    <!-- Controllers -->
    <script src="./js/controllers/notes-create-controller.js"></script>
    <script src="./js/controllers/notes-edit-controller.js"></script>
    <script src="./js/controllers/notes-index-controller.js"></script>
    <script src="./js/controllers/notes-show-controller.js"></script>
    <script src="./js/controllers/users-index-controller.js"></script>
    <script src="./js/controllers/users-show-controller.js"></script>
  </body>
</html>