Recipe {% include 'components/big-bake/recipe' %}
#
HTML
<div class="recipe inner">
    <div class="recipe--ingredients">
        <h3>
            Ingredients
        </h3>
        <ul>
            <li>4 eggs</li>
            <li>300g flour</li>
            <li>100g sugar</li>
            <li>1 unicorn horn</li>
        </ul>
    </div>
    <div class="recipe--method">
        <h3>
            Method
        </h3>
        <ol>
            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu molestie sapien, eget vulputate sapien. Curabitur eleifend pulvinar dolor, id pellentesque magna aliquet vitae. Cras neque ipsum, luctus sed magna in, gravida ultricies ante. Nulla facilisi. Donec metus ligula, pretium eu felis ut, bibendum pretium nisi.</li>
            <li>Pellentesque pellentesque justo nec rutrum bibendum. Cras non orci vel enim lobortis facilisis at at lectus. Nullam vitae diam et metus semper tincidunt.</li>
            <li>Nulla quam sapien, tempor quis vestibulum non, congue eu lacus. Sed bibendum nisl eu enim dictum interdum. Cras nec sapien nec ipsum fringilla condimentum et eget ipsum. Aenean eget semper leo. Sed porttitor vehicula metus. Aliquam erat volutpat. Mauris laoreet eros at pulvinar ultrices.</li>
            <li>Eat the stuff</li>
        </ol>
    </div>
</div>
Twig
<div class="recipe inner">
	<div class="recipe--ingredients">
		<h3>Ingredients</h3>
		<ul>
			{% for ingredient in ingredients %}
				<li>{{ ingredient }}</li>
			{% endfor %}
		</ul>
	</div>

	<div class="recipe--method">
		<h3>Method</h3>
		<ol>
			{% for method in methods %}
				<li>{{ method }}</li>
			{% endfor %}
		</ol>
	</div>

</div>
{
    "ingredients": {
        "0": "4 eggs",
        "1": "300g flour",
        "2": "100g sugar",
        "3": "1 unicorn horn"
    },
    "methods": {
        "0": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu molestie sapien, eget vulputate sapien. Curabitur eleifend pulvinar dolor, id pellentesque magna aliquet vitae. Cras neque ipsum, luctus sed magna in, gravida ultricies ante. Nulla facilisi. Donec metus ligula, pretium eu felis ut, bibendum pretium nisi.",
        "1": "Pellentesque pellentesque justo nec rutrum bibendum. Cras non orci vel enim lobortis facilisis at at lectus. Nullam vitae diam et metus semper tincidunt.",
        "2": "Nulla quam sapien, tempor quis vestibulum non, congue eu lacus. Sed bibendum nisl eu enim dictum interdum. Cras nec sapien nec ipsum fringilla condimentum et eget ipsum. Aenean eget semper leo. Sed porttitor vehicula metus. Aliquam erat volutpat. Mauris laoreet eros at pulvinar ultrices.",
        "3": "Eat the stuff"
    }
}

Ingredients

  • 4 eggs
  • 300g flour
  • 100g sugar
  • 1 unicorn horn

Method

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu molestie sapien, eget vulputate sapien. Curabitur eleifend pulvinar dolor, id pellentesque magna aliquet vitae. Cras neque ipsum, luctus sed magna in, gravida ultricies ante. Nulla facilisi. Donec metus ligula, pretium eu felis ut, bibendum pretium nisi.
  2. Pellentesque pellentesque justo nec rutrum bibendum. Cras non orci vel enim lobortis facilisis at at lectus. Nullam vitae diam et metus semper tincidunt.
  3. Nulla quam sapien, tempor quis vestibulum non, congue eu lacus. Sed bibendum nisl eu enim dictum interdum. Cras nec sapien nec ipsum fringilla condimentum et eget ipsum. Aenean eget semper leo. Sed porttitor vehicula metus. Aliquam erat volutpat. Mauris laoreet eros at pulvinar ultrices.
  4. Eat the stuff