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="/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>