cooked/templates/recipe_card.html
2024-10-23 14:17:52 +02:00

23 lines
946 B
HTML

<a class="card hover:shadow-lg transition ease-linear transform hover:scale-105" href="/recipies/{{id}}">
<img src={{image_url}} alt="noodles" class="w-full h-32 md:h-48 object-cover">
<div class="m-4">
<span class="font-bold">{{title}}</span>
{% match author %}
{% when Some with (author) %}
<span class="block text-gray-500 text-sm">{{author}}</span>
{% when None %}
{% endmatch %}
</div>
{% match time %}
{% when Some with (time) %}
<div class="badge">
<svg class="w-5 inline-block" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span class="mt-2">{{time}}</span>
</div>
{% when None %}
{% endmatch %}
</a>