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> Mouchak - ummm!</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="/static/css/normalize.css"> |
16 |
<link rel="stylesheet" href="/static/css/bootstrap.css"> |
17 |
<link rel="stylesheet" href="/static/css/main.css"> |
18 |
<script src="/static/js/lib/modernizr-2.6.1.min.js"></script> |
19 |
</head> |
20 |
<body> |
21 |
<!--[if lt IE 7]> |
22 |
<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> |
23 |
<![endif]--> |
24 |
|
25 |
<div class="container" id="container"> |
26 |
<div id="header"></div> |
27 |
<div id="content-container"></div> |
28 |
<div id="footer"></div> |
29 |
</div> |
30 |
|
31 |
<script> |
32 |
//Code to initialize the framework |
33 |
window.M = window.M || {}; |
34 |
M.site_content = {{ content|tojson|safe }}; |
35 |
window.onload = function() { |
36 |
M.init(); |
37 |
}; |
38 |
</script> |
39 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> |
40 |
<script>window.jQuery || document.write('<script src="/static/js/lib/jquery-1.8.0.min.js"><\/script>')</script> |
41 |
<script src="/static/js/lib/underscore.js"></script> |
42 |
<script src="/static/js/lib/backbone-1.0.0.js"></script> |
43 |
<script src="/static/js/lib/bootstrap.js"></script> |
44 |
<script src="/static/js/plugins.js"></script> |
45 |
<script src="/static/js/mouchak.js"></script> |
46 |
<script src="/static/js/models.js"></script> |
47 |
<script src="/static/js/views.js"></script> |
48 |
|
49 |
<!-- Underscore templates --> |
50 |
<script type="text/template" id="news-template"> |
51 |
<div id="feeds"> |
52 |
<img src="img/ajax-loader.gif" id="feeds-loader"/> |
53 |
</div> |
54 |
</script> |
55 |
<script type="text/template" id="news-item-template"> |
56 |
<div class="news-item-wrapper"> |
57 |
<div class="news-title"><%= title %></div> |
58 |
<a href="<%= link %>">Read More</a> |
59 |
</div> |
60 |
</script> |
61 |
|
62 |
<script type="text/template" id="nav-template"> |
63 |
<div class="navigation" id="nav-<%= page %>"> |
64 |
<ul class="nav nav-pills"></ul> |
65 |
</div> |
66 |
</script> |
67 |
<script type="text/template" id="nav-dropdown-template"> |
68 |
<li class="dropdown"> |
69 |
<a class="dropdown-toggle" data-toggle="dropdown" href="#/<%= M.sanitize(name) %>" |
70 |
data-target='#'> |
71 |
<%= name %> |
72 |
<b class="caret"></b> |
73 |
</a> |
74 |
<ul class="dropdown-menu"> |
75 |
<% _.each(list, function(item) { |
76 |
%> |
77 |
<li><a href="#/<%= M.sanitize(item) %>"> <%= item %> </a></li> |
78 |
<% |
79 |
}); |
80 |
%> |
81 |
</ul> |
82 |
</li> |
83 |
</script> |
84 |
|
85 |
<script type="text/template" id="image-view-template"> |
86 |
<div class="img-wrapper"> |
87 |
<img src="<%= src %>"> |
88 |
</div> |
89 |
</script> |
90 |
</body> |
91 |
</html> |