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