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="css/normalize.css">





16

    <link rel="stylesheet" href="css/bootstrap.css">





17

    <link rel="stylesheet" href="css/main.css">





18

    <script src="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

      window.onload = function() {





35

        M.load('example.json');





36

      };





37

    </script>





38

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





39

    <script>window.jQuery || document.write('<script src="js/lib/jquery-1.8.0.min.js"><\/script>')</script>





40

    <script src="js/lib/underscore.js"></script>





41

    <script src="js/lib/backbone.js"></script>





42

    <script src="js/lib/bootstrap.js"></script>





43

    <script src="js/plugins.js"></script>





44

    <script src="js/mouchak.js"></script>





45






46

    <!-- Underscore templates -->





47

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





48

      <div id="feeds">





49

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





50

      </div>





51

    </script>





52

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





53

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





54

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





55

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





56

      </div>





57

    </script>





58






59

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





60

      <div class="navigation" id="nav-<%= page %>">





61

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





62

      </div>





63

    </script>





64

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





65

      <li class="dropdown">





66

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





67

        data-target='#'>





68

        <%= name %>





69

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





70

      </a>





71

      <ul class="dropdown-menu">





72

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





73

          %>





74

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





75

          <%





76

        });





77

        %>





78

      </ul>





79

      </li>





80

    </script>





81






82

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





83

      <div class="img-wrapper">





84

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





85

      </div>





86

    </script>





87

  </body>





88

</html>