---
layout: "default"
---
<div class="container">
  {% render 'sutty/title.html', title: page.title, class: 'pb-3', h: '1', description: page.description %}

  {% if page.recipes == empty %}
    <h1>Error: No recipes were processed</h1>
  {% else %}
    <div class="row row-cols-1 row-cols-md-2 g-0 w-100">
      {% for recipe in page.recipes %}
        {% assign icon = recipe.metadata.icon | default: 'public/59c6b7ef75334ab1dd8d9a1c9bf/default.png' %}
        {% assign image = 'path,description' | create_hash: icon, recipe.description %}
        <div class="col">
          {% render 'card_recipe.html', title: recipe.title, description: recipe.description, image:, star: recipe.metadata.features.status, url: recipe.url %}
        </div>
      {% endfor %}
    </div>
  {% endif %}
</div>