---
layout: base.njk
title: All Recipes
description: All recipes on Volpe.
permalink: /recipes/
---

<h1>Recipes</h1>

{% set hasRecipes = false %}
{% for slug, recipeData in collections.recipesBySlug %}
  {% if recipeData.newest %}
    {% set hasRecipes = true %}
  {% endif %}
{% endfor %}

{% if hasRecipes %}
<ul class="post-list">
  {% for slug, recipeData in collections.recipesBySlug %}
    {% if recipeData.newest %}
    <li>
      <a href="/recipe/{{ slug }}/" class="post-card">
        <h2>{{ recipeData.newest.data.title }}</h2>
        {% if recipeData.newest.data.description %}
        <p>{{ recipeData.newest.data.description }}</p>
        {% endif %}
        {% if recipeData.newest.data.plantBased %}
        <p class="recipe-vegan">Vegan</p>
        {% endif %}
        {% if recipeData.newest.data.makes %}
        <p class="recipe-makes">Makes: {{ recipeData.newest.data.makes }}</p>
        {% endif %}
        {% if recipeData.newest.data.prepTime %}
        <p class="recipe-prep-time">Prep Time: {{ recipeData.newest.data.prepTime }}</p>
        {% endif %}
      </a>
    </li>
    {% endif %}
  {% endfor %}
</ul>
{% else %}
<p>No recipes yet.</p>
{% endif %}