<!doctype html>
<html lang="en">
  <!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"> <![endif]-->
  <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  <head>
    <script src="vendor/xhr-xdr-adapter.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE; chrome=1" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Banana</title>
    <link rel="stylesheet" href="css/bootstrap.light.min.css" title="Light">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/normalize.min.css">
    <link rel="stylesheet" href="css/rotate.css">
    <link rel="stylesheet" href="css/libs.min.css">
    <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
    <!-- load the root require context -->
    <script src="vendor/require/require.js"></script>
    <script src="app/components/require.config.js"></script>
    <script src="app/components/main.js"></script>

  </head>

  <body ng-cloak>

    <link rel="stylesheet" ng-href="css/bootstrap.{{dashboard.current.style||'dark'}}.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <div ng-repeat='alert in dashAlerts.list' class="alert alert-{{alert.severity}} alert-dismissible dashboard-notice" ng-show="$last" style="position:fixed">
      <button type="button" class="close" data-dismiss="alert" aria-label="Close" ng-click="dashAlerts.clear(alert)" style="padding-right:50px">&times;</button>
      <strong>{{alert.title}}</strong> <span ng-bind-html='alert.text'></span> <div style="padding-right:10px" class='pull-right small'> {{$index + 1}} alert(s) </div>
    </div>
    <nav class="navbar navbar-default navbar-static-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="">
            <!-- <img src="img/silklogo.png" data-placement="bottom"> -->
            {{dashboard.current.title}}
          </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right" ng-controller='dashLoader' ng-init="init()" ng-include="'app/partials/dashLoader.html'">  
          </ul>
        </div>
      </div>
    </nav>
    <div class="container-fluid">
      <div class="row">
        <div ng-view></div>
      </div>
    </div>
    <textarea id="clipboard-buffer" style="position:absolute;width:0px;height:0px;left:-1000px;top:-1000px">{{dashboard.current}}</textarea>
  </body>

</html>
