1 
<!DOCTYPE html>
2 
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3 
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4 
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
5 
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6 
  <head>
7 
    <meta charset="utf-8">
8 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9 
    <title> {{title}} </title>
10 
    <meta name="description" content="">
11 
    <meta name="viewport" content="width=device-width">
12 





13

    <!-- Place favicon.ico in the root directory -->





14






15

    <link rel="stylesheet" href="{{url_for('static', filename='css/normalize.css')}}">





16

    <link rel="stylesheet" href="{{url_for('static', filename='css/bootstrap.css')}}">





17

    <link rel="stylesheet" href="{{url_for('static', filename='css/mouchak.css')}}">





18

    <link rel="stylesheet" href="{{url_for('static', filename='css/main.css')}}">





19

    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />





20

    <!--[if lte IE 8]>





21

        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" />





22

        <![endif]-->





23






24

    <script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet-src.js"></script>





25

    <script src="{{url_for('static', filename='js/lib/modernizr-2.6.1.min.js')}}"></script>





26

  </head>





27

  <body>





28

    <!--[if lt IE 7]>





29

    <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>





30

    <![endif]-->





31






32

    <div class="container" id="container">





33

      <div id="header">





34

        <div id="navigation"></div>





35

      </div>





36

      <div id="content-container"></div>





37

      <div id="footer"> {{ footer|safe }} </div>





38

    </div>





39






40

    <script>





41

      //Code to initialize the framework





42

      window.M = window.M || {};





43

      M.MenuURL = function() { return "{{ url_for('insertMenu') }}"};





44

      M.PageURL = function() { return "{{ url_for('insertPage') }}"; };





45

      M.site_content = {{ content|tojson|safe }};





46

      window.onload = function() {





47

        M.init();





48

      };





49

    </script>





50

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>





51

    <script>window.jQuery || document.write('<script src="{{url_for('static', filename='js/lib/jquery-1.8.0.min.js')}}"><\/script>')</script>





52

    <script src="{{url_for('static', filename='js/lib/underscore.js')}}"></script>





53

    <script src="{{url_for('static', filename='js/lib/backbone-1.0.0.js')}}"></script>





54

    <script src="{{url_for('static', filename='js/lib/bootstrap.js')}}"></script>





55

    <script src="{{url_for('static', filename='js/plugins.js')}}"></script>





56

    <script src="{{url_for('static', filename='js/mouchak.js')}}"></script>





57

    <script src="{{url_for('static', filename='js/models.js')}}"></script>





58

    <script src="{{url_for('static', filename='js/views.js')}}"></script>





59






60

    <!-- Underscore templates -->





61

    <script type="text/template" id="news-template">





62

      <div id="feeds">





63

        <img src="img/ajax-loader.gif" id="feeds-loader"/>





64

      </div>





65

    </script>





66

    <script type="text/template" id="news-item-template">





67

      <div class="news-item-wrapper">





68

        <div class="news-title"><%= title %></div>





69

        <a href="<%= link %>">Read More</a>





70

      </div>





71

    </script>





72






73

    <!-- navigation templates





74

      the ones with .nav-type can be used interchangbly to render different





75

      kinds of navigation bar / components





76

      one can add more





77

    -->





78

    <script type="text/template" id="nav-bar-template" class="nav-type">





79

      <div class="navbar">





80

        <div class="navbar-inner">





81

          <!--a class="brand" href="#">Title</a-->





82

          <ul class="nav"></ul>





83

        </div>





84

      </div>





85

    </script>





86






87

    <script type="text/template" id="nav-pills-template" class="nav-type">





88

      <div class="navigation">





89

        <ul class="nav nav-pills"></ul>





90

      </div>





91

    </script>





92






93

    <script type="text/template" id="nav-item-template">





94

      <li class="<%= cls %>">





95

        <a href="#/<%=page%>"> <%= M.humanReadable(page) %> </a>





96

      </li>





97

    </script>





98






99

    <script type="text/template" id="nav-dropdown-template">





100

      <li class="dropdown">





101

      <a class="dropdown-toggle" data-toggle="dropdown" href="#/<%= M.sanitize(name) %>"





102

        data-target='#'>





103

        <%= name %>





104

        <b class="caret"></b>





105

      </a>





106

      <ul class="dropdown-menu">





107

        <% _.each(list, function(item) {





108

          %>





109

          <li><a href="#/<%= M.sanitize(item) %>"> <%= item %> </a></li>





110

          <%





111

        });





112

        %>





113

      </ul>





114

      </li>





115

    </script>





116






117

    <!-- Template for map-->





118

    <script type="text/template" id="map-template">





119

      <div id="map">





120

      </div>





121

    </script>





122






123






124






125

    <script type="text/template" id="image-view-template">





126

      <div class="img-wrapper">





127

        <img src="<%= src %>">





128

      </div>





129

    </script>





130

  </body>





131

</html>