Source

recipes-app / index.html

Full commit
<!doctype html>

<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">

    <title>Happy Herbivore Recipes</title>

    <link rel="stylesheet" href="style/screen.css" media="screen, projection">
    <link rel="stylesheet" href="style/fancypants.css" media="screen, projection">

    <script src="js/vendor/modernizr-1.6.min.js"></script>
    <script src="js/vendor/jquery-1.5.1.min.js"></script>
    <script src="js/vendor/underscore.js"></script>
    <script src="js/vendor/backbone.js"></script>
    <script src="js/recipe_app.js"></script>

    <script type="text/template" id="library-template">
      <h1>Recipe Details</h1>
      <ul class="albums"></ul>
    </script>

    <script type="text/template" id="recipelist-template">
      <h1>Recipe List</h1>
      <ul class="recipes">
      </ul>
    </script>

    <script type="text/template" id="recipe-template">
      <h1><%= recipe_name %></h1>
      <p>description: </p>

    </script>

    <script type="text/template" id="recipe2-template">
      <h1><%= recipe_name %></h1>
      <p>description: </p>
      <ul class="ingredients">
        <% _.each(ingredients, function(ingredient) { %>
          <li><%= ingredient.title %></li>
        <% }); %>
      </ul>

    </script>

    <script type="text/template" id="album-template">
      <button class="queue add"><img src="images/add.png"></button>
      <button class="queue remove"><img src="images/remove.png"></button>
      <span class="album-title"><%= recipe_name %></span><!--title -->&nbsp;&nbsp;
      <span class="artist-name"><%= recipe_description %></span><!--artist -->
      <ol class="ingredients">
        <% _.each(ingredients, function(ingredient) { %>
          <li><%= ingredient.title %></li>
        <% }); %>
      </ol>
    </script>

    <script type="text/template" id="list-template">
      <button class="queue add"><img src="images/add.png"></button>
      <button class="queue remove"><img src="images/remove.png"></button>
      <span class="album-title"><%= recipe_name %></span><!--title -->&nbsp;&nbsp;
    </script>


    <script type="application/javascript">
      jQuery(function() {
        window.library.fetch();

        // Needed for static-served app
        //window.App.static();
      });
    </script>

  </head>

  <body>
    <div id="container">
    </div>
  </body>
</html>