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
    <script src="{{url_for('static', filename='js/lib/modernizr-2.6.1.min.js')}}"></script>
20
  </head>
21
  <body>
22
    <!--[if lt IE 7]>
23
    <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>
24
    <![endif]-->
25
26
    <div class="container" id="container">
27
      <div id="header">
28
        <div id="navigation"></div>
29
      </div>
30
      <div id="content-container"></div>
31
      <div id="footer"> {{ footer|safe }} </div>
32
    </div>
33
34
    <script>
35
      //Code to initialize the framework
36
      window.M = window.M || {};
37
      M.site_content = {{ content|tojson|safe }};
38
      window.onload = function() {
39
        M.init();
40
      };
41
    </script>
42
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
43
    <script>window.jQuery || document.write('<script src="{{url_for('static', filename='js/lib/jquery-1.8.0.min.js')}}"><\/script>')</script>
44
    <script src="{{url_for('static', filename='js/lib/underscore.js')}}"></script>
45
    <script src="{{url_for('static', filename='js/lib/backbone-1.0.0.js')}}"></script>
46
    <script src="{{url_for('static', filename='js/lib/bootstrap.js')}}"></script>
47
    <script src="{{url_for('static', filename='js/plugins.js')}}"></script>
48
    <script src="{{url_for('static', filename='js/mouchak.js')}}"></script>
49
    <script src="{{url_for('static', filename='js/models.js')}}"></script>
50
    <script src="{{url_for('static', filename='js/views.js')}}"></script>
51
52
    <!-- Underscore templates -->
53
    <script type="text/template" id="news-template">
54
      <div id="feeds">
55
        <img src="img/ajax-loader.gif" id="feeds-loader"/>
56
      </div>
57
    </script>
58
    <script type="text/template" id="news-item-template">
59
      <div class="news-item-wrapper">
60
        <div class="news-title"><%= title %></div>
61
        <a href="<%= link %>">Read More</a>
62
      </div>
63
    </script>
64
65
    <!-- navigation templates
66
      the ones with .nav-type can be used interchangbly to render different
67
      kinds of navigation bar / components
68
      one can add more
69
    -->
70
    <script type="text/template" id="nav-bar-template" class="nav-type">
71
      <div class="navbar">
72
        <div class="navbar-inner">
73
          <!--a class="brand" href="#">Title</a-->
74
          <ul class="nav"></ul>
75
        </div>
76
      </div>
77
    </script>
78
79
    <script type="text/template" id="nav-pills-template" class="nav-type">
80
      <div class="navigation">
81
        <ul class="nav nav-pills"></ul>
82
      </div>
83
    </script>
84
85
    <script type="text/template" id="nav-item-template">
86
      <li class="<%= cls %>">
87
        <a href="#/<%=page%>"> <%= M.humanReadable(page) %> </a>
88
      </li>
89
    </script>
90
91
    <script type="text/template" id="nav-dropdown-template">
92
      <li class="dropdown">
93
      <a class="dropdown-toggle" data-toggle="dropdown" href="#/<%= M.sanitize(name) %>"
94
        data-target='#'>
95
        <%= name %>
96
        <b class="caret"></b>
97
      </a>
98
      <ul class="dropdown-menu">
99
        <% _.each(list, function(item) {
100
          %>
101
          <li><a href="#/<%= M.sanitize(item) %>"> <%= item %> </a></li>
102
          <%
103
        });
104
        %>
105
      </ul>
106
      </li>
107
    </script>
108
109
    <script type="text/template" id="image-view-template">
110
      <div class="img-wrapper">
111
        <img src="<%= src %>">
112
      </div>
113
    </script>
114
  </body>
115
</html>