recipes/index.html

---
layout: html
title: Keith Marran's Recipes
category: recipes
category_layout: recipe_index.html
---
<body class="index recipes">

{% include header.html %}

<div id="middle">

  <div class="container">
    
    <div class="row">
    
      <div class="span8">
        <div id="main">
        
          <div class="title">{{ page.title }}</div>

          <div class="content">			

					{% for post in paginator.posts %}

{% if post.images %}
  
  <div class="teaser">
    <div class="row">
      <div class="span2">
        <div class="image"><a href="{{ post.url }}" title="{{ post.title }}"><img src="{{ post.images[0] | format_teaser_image }}" /></a></div>
      </div>
      <div class="span6">
        <div class="title"><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></div>
        <div class="description">{{ post.description }}</div>
        <div class="read-more"><a href="{{ post.url }}" title="{{ post.title }}">There's more? Yes! Let's go. »</a></div>
      </div>
    </div>
  </div>

{% else %}

  <div class="teaser">
    <div class="row">
      <div class="span8">
        <div class="title"><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></div>
        <div class="description">{{ post.description }}</div>
        <div class="read-more"><a href="{{ post.url }}" title="{{ post.title }}">There's more? Yes! Let's go. »</a></div>
      </div>
    </div>
  </div>

{% endif %}

					{% endfor %}
										
					{{ paginator | pager_links }}
					
          </div>
          					
        </div>
      </div>

			<div class="span4">
			  <div id="sidebar">

          <div id="search">
            <div class="header">Search</div>
            <form method="get" class="form-search">
              <input type="text" name="search-text" id="search-text">
            </form>
          </div>

          <div id="ingredients" class="browse-list">
            <div class="header">Browse by Ingredient</div>
            <div class="list">
              {{ site.ingredients | browse_list }}
            </div>
          </div>

          <div id="ingredients" class="browse-list">
            <div class="header">Browse by Dish</div>
            <div class="list">
              {{ site.dishes | browse_list }}
            </div>
          </div>

        </div>
			</div>

		</div>		
	</div>
</div>

{% include footer.html %}

</body>