index.html

---
layout: default
---
<h1>New & Tasty</h1>
   <div class="row">
    {% for post in site.categories.recipes limit: 3 %}
      <div class="col-sm-4">
        <a class="activeimage" href="{{ post.url }}">
        {% if post.image %}
          {% cloudinary {{ post.image  | prepend: '/' }} alt="{{ page.title }} image" class="img-rounded img-responsive image"%}
        {% endif %}

        <h4 class="category-recipe-title">{{ post.title }}</h4></a>

        <!-- Add schema.org JSON-LD -->
        {% include recipe_json-ld.html post=post %}

      </div>

      {% endfor %}
       </div>

  <a href="{{ site.baseurl }}/about">
    <div class="row welcome-mat">
      <div class="col-sm-8"><h1>Welcome!</h1>Hello, I'm Lauren, and welcome to Effin' Tasty, a cooking site dedicated to sharing my love for effin' tasty foods and the knowledge I've collected along the way creating them. Let's create something effin' tasty!</div>
        <div class="col-sm-4">
          {% cloudinary {{ '/assets/About_pic.jpg' }} alt="Author of the Effin' Tasty website" class="img-responsive img-circle about"%}
        </div>
      </div>
  </a>

<h1 id="welcome-mat-room">Types o' Tasty</h1>
    <div class="row">
    <!-- Sort categories -->
    {% assign sorted_categories = site.categories | sort %}
    {% for category in sorted_categories %}
    <!-- Grab the category name ( which is the first string in the array, it's [categoryName, [categoryposts...]]) -->
    {% assign category_name = category | first %}
    <!-- Skip the "recipes" category -->
    {% if category_name == "recipes" %}
    {% continue %}
    {% endif %}
    <!-- category_links expects an array, so we put our single category into an array -->
    {% assign category_name_array = category_name | split: "|" %}

    {% assign category_page = category | last | last %}
    <div class="col-sm-3">
      {% if category_page.image %}
        <a class="activeimage" href='categories/{{category_name}}/'>
          {% cloudinary {{ category_page.image  | prepend: '/' }} alt="{{ category_page.title | capitalize }} image" class="img-responsive img-rounded"%}
          <h2 class="category-recipe-title">{{category_name  | capitalize}}</h2>
        </a>
      {% endif %}
    </div>
    {% endfor %}
    </div>

<div class="yellow-banner"><span class="labeltext">Or, Browse by Tags:</span>
    {% assign tag_links = site | tags %}
    {% for tag_link in tag_links %}
    <div class="label tag label-info">{{tag_link}}</div>
    {% endfor %}
</div>

<style type="text/css">
.adslot_1 { display:inline-block; width: 100%; height: 50px; }
@media (min-width:500px) { .adslot_1 { width: 100%; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 100%; height: 150px; } }
</style>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- adslot_1 -->
<ins class="adsbygoogle adslot_1"
     data-ad-client="ca-pub-8891871153243704"
     data-ad-slot="3535225602"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>