Source

article / article / templates / homepage.html

{% extends "theme_base.html" %}

{% block meta %}
    <meta name="keywords" content="Vegan, Vegetarian, Recipes, low fat, fat-free, cupcakes, brownies, soup, chili, biscuits, cookies, crab cakes, tofu" />
    <meta name="description" content="Lindsay S. Nixon's cookbooks will save you money by using 'everyday' inexpensive ingredients, save you time with easy, no fuss recipes and improve your health with each nutritional bite. Over 70,000 cookbooks." />

    <meta property="og:title" content="LEAF: Low Fat, Everyday, Affordable & Fast Recipes | Happy Herbivore"/>
    <meta property="og:type" content="website"/>
    <meta property="og:image" content="http://photos.happyherbivore.com/logos/Big-Baby-Elephant.png"/>
    <meta property="og:description"
          content="Lindsay S. Nixon's cookbooks will save you money by using 'everyday' inexpensive ingredients, save you time with easy, no fuss recipes and improve your health with each nutritional bite. Over 70,000 cookbooks."/>
    <link rel="alternate" type="application/rss+xml" title="Public Feeds" href="http://feeds.feedburner.com/HappyHerbivore-Blog">
{% endblock %}

{% block css %}
{% endblock %}
   
{% block js %}
    <script type="text/javascript" src="//css.happyherbivore.com/jquery.jcarousel.min.js"></script>
    <script type="text/javascript">
      jQuery(document).ready(function() {
      jQuery('#mycarousel').jcarousel();
      console.log("bound");
      });
    </script>
{% endblock %}

{% block extra_head %}{% endblock %}

{% block head_title %}LEAF: Low Fat, Everyday, Affordable & Fast Recipes{% endblock %}

{% block body %}

    {% load generic_flatblocks %}

<div id="home-content">
    <div class="container">
	  <div id="social-top">
		<a href="https://twitter.com/#!/happyherbivore" rel="nofollow"><img src="http://photos.happyherbivore.com/img/icon_social_twitter.png" alt="Happy Herbivore twitter" /></a>
		<a href="https://www.facebook.com/HappyHerbivoreBlog" rel="nofollow"><img src="http://photos.happyherbivore.com/img/icon_social_facebook.png" alt="Happy Herbivore Facebook Page" /></a>
		<a href="http://feeds.feedburner.com/HappyHerbivore-Blog" rel="nofollow"><img src="http://photos.happyherbivore.com/img/icon_social_rss.png" alt="Happy Herbivore RSS Feed" /></a>
	  </div>

        <!-- First row -->
        <div class="row-fluid">
          <div class='intro-container'>
            <div class="span6">
              <img src="http://photos.happyherbivore.com/img/lindsay.jpg" alt="Lindsay S. Nixon in the kitchen." title="Lindsay Nixon" class="home-intro-img" />           
              <div class="intro">
                <h3>Hi, I'm </h3>
                <h4>Lindsay!</h4>
                <p>Home cook, health advocate</p>
                <p>I believe food should be just as delicious as it is nutritious! Let my recipes show you how easy, affordable and tasty healthy can be!</p>
               </div> <!-- / intro -->          
            </div>
          </div><!-- / intro-container-->
          <div class="span5 offset1">
            <a href="/get-started/">
            <div class="intro2 hidden-phone">
              <h2>Happy Herbivore recipes are...</h2>
               <div class="home-rec-box">
                <p class="banner1">Plant-Based</p>
                <p class="hidden-tablet">A diet free from animal products has amazing health benefits!</p>
               </div>        
               <div class="home-rec-box">
                <p class="banner2">Low-Fat</p>
                <p class="hidden-tablet">All recipes are made without oil and added fats.</p>
               </div>        
               <div class="home-rec-box">
                <p class="banner3">Easy to make</p>
                <p class="hidden-tablet">Uncomplicated recipes using normal "everyday" ingredients. No fuss!</p>
               </div> 
             </div><!-- / intro2 -->       
            </a>
          </div>
        </div>

        <!-- second row -->
        <div class="row">
          <div class="span12">
            <h2 class="section-title">Cookbooks</h2>
          </div>
        </div>

        <div class="row">
          <div class="span3">
            <div class="cookbook">
              <a href="/cookbook/happy-herbivore-cookbook/"><img src="http://photos.happyherbivore.com/img/book1.png" alt="Photo of the book cover The Happy Herbivore Cookbook." title="Low-Fat Vegan comfort food" /></a>
              <h2><a href="/cookbook/happy-herbivore-cookbook/">The Happy Herbivore</a></h2>
              <p>The book that started it all! The Happy Herbivore is packed full of amazing, simple recipes.</p>
              <a href="http://www.amazon.com/Happy-Herbivore-Cookbook-Delicious-Fat-Free/dp/1935618121/?tag=hh-hhcb-20" class="button-orange-round">BUY NOW</a>
              <a href="/cookbook/happy-herbivore-cookbook/" class="learn-more">Learn more >></a>
            </div><!-- / cookbook -->
          </div>
          <div class="span3">
            <div class="cookbook">
              <a href="/cookbook/everyday-happy-herbivore/"><img src="http://photos.happyherbivore.com/img/book2.png" alt="Photo of the book cover Everyday Happy Herbivore" title="Low-Fat Back to Basics" /></a>
              <h2><a href="/cookbook/everyday-happy-herbivore/">Everyday Happy Herbivore</a></h2>
              <p>Another amazing book with dozens of delicious, even easier-to-make recipes!</p>
              <a href="http://www.amazon.com/Everyday-Happy-Herbivore-Quick-Easy/dp/1936661381/?tag=hh-ehh-20" class="button-orange-round">BUY NOW</a>
              <a href="/cookbook/everyday-happy-herbivore/" class="learn-more">Learn more >></a>
            </div><!-- / cookbook -->
          </div>

          <div class="span5 offset1">

            {% gblock 1 for "gblocks.TitleAndText" into "mealplansad" %}
            {{ mealplansad.text|safe }}

            {% gblock 4 for "gblocks.TitleAndText" into "announcement" %}
            {{ announcement.text|safe }}            

          </div>
        </div>

        <hr class="separator  hidden-phone" />

        <!-- third row -->
<!--        <div class="row  hidden-phone">
          <div class="span12">
            <h2 class="section-title">Sample Recipes</h2>
              <ul id="mycarousel" class="jcarousel-skin-tango">

                {% for i in sample_recipes %}
                <li>
                  <div class="recipe-box">
                    <div style="width:100px; height:100px;overflow:hidden;"> 
                       <a href="{{ i.get_absolute_url }}">
                          <img alt="{{ i.recipe_name }} recipe photo"
					          {% for photo in i.recipephotos_set.all|slice:":1" %}		             
					          src="{{ photo.url }}">
					          {% endfor %}
                        </a>
                    </div>
                    <h3><a href="{{ i.get_absolute_url }}">{{ i.recipe_name }}</a></h3>
                    <p></p>
                  </div>
                </li>
               {% endfor %}

              </ul>

              <h1 id="home-mission">Happy Herbivore's Mission is to create low-fat, everyday, affordable & fast recipes.</h1>
          </div>
        </div>
-->
    </div> <!-- /container -->
</div><!-- / home-content -->
{% endblock %}