Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: 1debfa76ca
Fetching contributors…

Cannot retrieve contributors at this time

86 lines (69 sloc) 2.924 kb
{% extends "base/common.html" %}
{% block title %}Meals{% endblock %}
{% block customJS %}
<!--script src="/static/js/meals.js" type="text/javascript"></script-->
{% endblock %}
{% block bodyId %}meals{% endblock %}
{% block bodyClass %}{% endblock %}
{% block main %}
<h1 id="sectionTitle"><span class="color2">W</span>h<span class="color2 kern">a</span>t<span class="small"><em>shall we</em></span><span class="color2">M</span>a<span class="color3">k</span><span class="color2">e</span><span class="color3">?</span></h1>
<p class="intro">Choose a meal for you and your friend to cook together!</p>
<section id="featuredMeal" class="meal">
<h1>Meal <em>of the</em> Week</h1>
<a class="mealImageLink" href="/meals/{{ featured.slug }}">
<div class="mealImage">
<img src="/static/images/food/{{ featured.slug }}.jpg">
</div>
</a>
<div class="mealInfo">
<h2><a href="/meals/{{ featured.slug }}">{{ featured.title|safe }} &raquo;</a></h2>
<p>{{ featured.shortDescription }}</p>
<ul class="mealFacts">
<li>{{ featured.time }}</li>
<li>{{ featured.type }}</li>
<li>{{ featured.difficulty }}</li>
<li>{{ featured.flavors }}</li>
</ul>
<a href="/meals/{{ featured.slug }}" class="button">Meal Details</a>
</div>
<div class="cookedBy">
<h3>Cooked by:</h3>
<ul>
<li><a href=""><img src="/static/uploads/userpics/4f6504304fb51a2c6f000007_0.334096108315.png" /></a></li>
<li><a href=""><img src="/static/uploads/userpics/4f6504304fb51a2c6f000007_0.334096108315.png" /></a></li>
<li><a href=""><img src="/static/uploads/userpics/4f6504304fb51a2c6f000007_0.334096108315.png" /></a></li>
<li><a href="" class="moreLink">&amp; 12 more</a></li>
</ul>
</div>
</section>
<div id="mealsContainer">
<ul id="mealsList">
{% set cyclerClass = cycler('', '', 'end') %}
{% for meal in meals %}
{% if meal._id != featured._id %}
<li class="meal {{ cyclerClass.next() }}">
<a href="/meals/{{ meal.slug }}" class="mealImageLink">
<div class="mealImage">
<img src="/static/images/food/{{ meal.slug }}.jpg">
</div>
</a>
<div class="mealInfo">
<a href="/meals/{{ meal.slug }}">
<h2>{{ meal.title|safe }}</h2>
</a>
</div>
<div class="cookedBy">
<h3>Cooked by:</h3>
<ul>
<li><a href=""><img src="/static/uploads/userpics/4f6504304fb51a2c6f000007_0.334096108315.png" /></a></li>
<li><a href=""><img src="/static/uploads/userpics/4f6504304fb51a2c6f000007_0.334096108315.png" /></a></li>
<li><a href="" class="moreLink">&amp; 12 more</a></li>
</ul>
</div>
</li>
{% endif %}
{% endfor %}
</ul>
</div><!-- #featuredMealsContainer -->
<p class="intro">Want more? If there's something that you'd like to cook, <a href="mailto:food@letsgohotpot.com">let me know</a> and I'll add it to the collection. Meals are being added regularly, so do check back.</p>
{% endblock main %}
Jump to Line
Something went wrong with that request. Please try again.