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>