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.MenuURL = function() { return "{{ url_for('insertPage') }}"};





38

      M.PageURL = function() { return "{{ url_for('updateMenu') }}"; };





39

      M.site_content = {{ content|tojson|safe }};





40

      window.onload = function() {





41

        M.init();





42

      };





43

    </script>





44

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>





45

    <script>window.jQuery || document.write('<script src="{{url_for('static', filename='js/lib/jquery-1.8.0.min.js')}}"><\/script>')</script>





46

    <script src="{{url_for('static', filename='js/lib/underscore.js')}}"></script>





47

    <script src="{{url_for('static', filename='js/lib/backbone-1.0.0.js')}}"></script>





48

    <script src="{{url_for('static', filename='js/lib/bootstrap.js')}}"></script>





49

    <script src="{{url_for('static', filename='js/plugins.js')}}"></script>





50

    <script src="{{url_for('static', filename='js/mouchak.js')}}"></script>





51

    <script src="{{url_for('static', filename='js/models.js')}}"></script>





52

    <script src="{{url_for('static', filename='js/views.js')}}"></script>





53






54

    <!-- Underscore templates -->





55

    <script type="text/template" id="news-template">





56

      <div id="feeds">





57

        <img src="img/ajax-loader.gif" id="feeds-loader"/>





58

      </div>





59

    </script>





60

    <script type="text/template" id="news-item-template">





61

      <div class="news-item-wrapper">





62

        <div class="news-title"><%= title %></div>





63

        <a href="<%= link %>">Read More</a>





64

      </div>





65

    </script>





66






67

    <!-- navigation templates





68

      the ones with .nav-type can be used interchangbly to render different





69

      kinds of navigation bar / components





70

      one can add more





71

    -->





72

    <script type="text/template" id="nav-bar-template" class="nav-type">





73

      <div class="navbar">





74

        <div class="navbar-inner">





75

          <!--a class="brand" href="#">Title</a-->





76

          <ul class="nav"></ul>





77

        </div>





78

      </div>





79

    </script>





80






81

    <script type="text/template" id="nav-pills-template" class="nav-type">





82

      <div class="navigation">





83

        <ul class="nav nav-pills"></ul>





84

      </div>





85

    </script>





86






87

    <script type="text/template" id="nav-item-template">





88

      <li class="<%= cls %>">





89

        <a href="#/<%=page%>"> <%= M.humanReadable(page) %> </a>





90

      </li>





91

    </script>





92






93

    <script type="text/template" id="nav-dropdown-template">





94

      <li class="dropdown">





95

      <a class="dropdown-toggle" data-toggle="dropdown" href="#/<%= M.sanitize(name) %>"





96

        data-target='#'>





97

        <%= name %>





98

        <b class="caret"></b>





99

      </a>





100

      <ul class="dropdown-menu">





101

        <% _.each(list, function(item) {





102

          %>





103

          <li><a href="#/<%= M.sanitize(item) %>"> <%= item %> </a></li>





104

          <%





105

        });





106

        %>





107

      </ul>





108

      </li>





109

    </script>





110






111

    <script type="text/template" id="image-view-template">





112

      <div class="img-wrapper">





113

        <img src="<%= src %>">





114

      </div>





115

    </script>





116

  </body>





117

</html>