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>