|
|
@ -40,7 +40,7 @@ layout: default |
|
|
|
<div class="sm-col sm-col-6 lg-col-6"> |
|
|
|
<!-- check if it's a component-based recipe --> |
|
|
|
{% if page.components %} |
|
|
|
<h4 class="blue mt0 mb2 xs-center">Components</h4> |
|
|
|
<h4 class="blue mt0 mb2 xs-center">{{ site.translation[site.language].components }}</h4> |
|
|
|
<ul> |
|
|
|
<!-- list components that make up recipe --> |
|
|
|
{% for component in page.components %} |
|
|
@ -50,7 +50,7 @@ layout: default |
|
|
|
{% endif %} |
|
|
|
|
|
|
|
{% if page.ingredients %} |
|
|
|
<h4 class="blue mt0 mb2 xs-center">Ingredients</h4> |
|
|
|
<h4 class="blue mt0 mb2 xs-center">{{ site.translation[site.language].ingredients }}</h4> |
|
|
|
<ul itemprop="ingredients"> |
|
|
|
<!-- list ingredients that make up recipe --> |
|
|
|
{% for ingredient in page.ingredients %} |
|
|
@ -62,7 +62,7 @@ layout: default |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="sm-col sm-col-6 lg-col-6"> |
|
|
|
<h4 class="blue mt0 mb2 xs-center">Directions</h4> |
|
|
|
<h4 class="blue mt0 mb2 xs-center">{{ site.translation[site.language].directions }}</h4> |
|
|
|
<ul itemprop="recipeInstructions"> |
|
|
|
{% for direction in page.directions %} |
|
|
|
<li>{{ direction | markdownify }}</li> |
|
|
@ -77,7 +77,7 @@ layout: default |
|
|
|
{% if page.components %} |
|
|
|
|
|
|
|
<div class="components bg-darken-2 p2 mt3 mb3 center"> |
|
|
|
↓ This is a <strong class="blue">component-based recipe</strong> (fancy talk for making the dish in pieces, then assembling). ↓ |
|
|
|
↓ {{ site.translation[site.language].component_based }} ↓ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="clearfix mxn2"> |
|
|
@ -100,14 +100,14 @@ layout: default |
|
|
|
{% endif %} |
|
|
|
{% endfor %} |
|
|
|
|
|
|
|
<h4 class="blue regular xs-center">Ingredients</h4> |
|
|
|
<h4 class="blue regular xs-center">{{ site.translation[site.language].ingredients }}</h4> |
|
|
|
<ul class="ingredients" itemprop="ingredients"> |
|
|
|
{% for item in recipe.ingredients %} |
|
|
|
<li itemprop="ingredient">{{ item | markdownify }}</li> |
|
|
|
{% endfor %} |
|
|
|
</ul> |
|
|
|
|
|
|
|
<h4 class="blue regular xs-center">Steps</h4> |
|
|
|
<h4 class="blue regular xs-center">{{ site.translation[site.language].directions }}</h4> |
|
|
|
<ul itemprop="instructions"> |
|
|
|
{% for item in recipe.directions %} |
|
|
|
<li>{{ item | markdownify }}</li> |
|
|
@ -124,7 +124,7 @@ layout: default |
|
|
|
<!-- end components --> |
|
|
|
|
|
|
|
{% for category in page.categories %} |
|
|
|
<p class="clearfix">Category: <span itemprop="recipeCategory">{{ category }}</span></p> |
|
|
|
<p class="clearfix">{{ site.translation[site.language].category }}: <span itemprop="recipeCategory">{{ category }}</span></p> |
|
|
|
{% endfor %} |
|
|
|
|
|
|
|
</article> |
|
|
|