Info tags

[rathgar]

Adds various tag information supported by Recipe Schema.

Schema elements added are:

• recipeCuisine: The cuisine of the recipe (for example, French or Ethiopian).
• suitableForDiet: Indicates a dietary restriction or guideline for which this recipe or menu item is suitable, e.g. diabetic, halal etc.
• recipeCategory: The category of the recipe—for example, appetizer, entree, etc.
• keywords: Keywords or tags used to describe this content.

These correspond to recipe front matter as:

---
layout: recipe
title: Best Nosh Evah
cuisines: [Mediterranean,French]
diets: [Vegetarian,LowCalorie,GlutenFree]
categories: [Snack,Lunch]
tags: [anything,else,relevant]
---

Thanks to the work by @MichaelThomasMPT tags are already searchable. This PR builds on that and integrates them with other recipe meta data.

This offers a way to display the information. While it does allow users to search by the terms it still isn't possible to navigate to say, all 'Vegetarian' recipes. Although I do know @clarklab has got plans in this direction with the Books feature. Perhaps the tag labels could link to these books?

I have deliberately conflated recipeCategory with category as they seemed semantically equivalent. If there are plans to use this differently, they could be separated.

Appearance

Appears below the introduction, above the recipe detail:

Mobile

Desktop

[rathgar]

Now up-to-date with the latest head

[rathgar]

The dietary tags in recipes now link to relevant pages listing all related recipes.

The blocks collapse into once column on mobile:

Hope this is useful 🤞

[rathgar]

I just had an idea that might improve the semantics of the category metadata. In the Recipe schema the recipeCategory is used to signify a course so I wondered if it might be clearer to use the term course instead and leave the Jekyll category unpolluted for something else?

This would result in a clearer markup in the front matter:

courses: [lunch,dinner,snack]

Does that sound better?