---
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>
        <time class="localizable-time" datetime="{{ recipeData.newest.data.createdAt | isoDateTime }}">{{ recipeData.newest.data.createdAt | dateTimeFormat }}</time>
        {% if recipeData.newest.data.description %}
        <p>{{ recipeData.newest.data.description }}</p>
        {% endif %}
        {% if recipeData.newest.data.amount %}
        <p class="recipe-amount">Amount: {{ recipeData.newest.data.amount }}</p>
        {% endif %}
        {% if recipeData.newest.data.cookingTime %}
        <p class="recipe-cooking-time">Cooking Time: {{ recipeData.newest.data.cookingTime }}</p>
        {% endif %}
      </a>
    </li>
    {% endif %}
  {% endfor %}
</ul>
{% else %}
<p>No recipes yet.</p>
{% endif %}