categories.html

---
layout: default
title: Recipes Listed By Tag
---

{% assign recipes_tags = site.recipes | map: 'tags' | join: ',' | split: ',' | uniq | sort %}
{% assign components_tags = site.components | map: 'tags' | join: ',' | split: ',' | uniq | sort %}
{% assign sorted_recipes = site.recipes | sort: 'title' %}
{% assign sorted_components = site.components | sort: 'title' %}

<h2 class="ml4 preffered-color">Recipes</h2>
<div id="tags">
  {% for tag in recipes_tags %}
    {% if tag == '' %}
      {% continue %}
    {% endif %}
    <h3 class="ml4">{{ tag }}</h3>
    <ul class="ml4">
      {% for recipe in sorted_recipes %}
        {% assign tags_array = recipe.tags | join: ',' | split: ',' %}
        {% if tags_array contains tag %}
          <li><a href="{{ site.baseurl }}{{ recipe.url }}">{{ recipe.title }}</a></li>
        {% endif %}
      {% endfor %}
    </ul>
  {% endfor %}
</div>
<!--
<h2 class="ml4 preffered-color">Components</h2>
<div id="tags">
  {% for tag in components_tags %}
    {% if tag == '' %}
      {% continue %}
    {% endif %}
    <h3 class="ml4">{{ tag }}</h3>
    <ul class="ml4">
      {% for component in sorted_components %}
        {% assign tags_array = component.tags | join: ',' | split: ',' %}
        {% if tags_array contains tag %}
          <li><a href="{{ site.baseurl }}{{ component.url }}">{{ component.title }}</a></li>
        {% endif %}
      {% endfor %}
    </ul>
  {% endfor %}
</div>
-->