Refactor to use Python for building and YAML for data
This commit is contained in:
@@ -0,0 +1,125 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link href="../../style2.css" rel="stylesheet" type="text/css" />
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="user-scalable=no, width=device-width" />
|
||||
|
||||
<body class="recipe">
|
||||
<section class="header">
|
||||
<div class="image" style="background-image: url('./image.png')"></div>
|
||||
|
||||
<div class="about">
|
||||
<h1>Fluffy Pancakes</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 10 min, cook 5 min </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon vegetarian"></div>
|
||||
<div class="icon serving"></div>× 2
|
||||
</div>
|
||||
|
||||
<div class="description">These are the fluffiest, thickest, most delicious pancakes I've ever had. The batter should wind up very, very thick, so don't be surprised if it's more the consistency of yogurt rather than cream.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="instructions">
|
||||
<div class="step">
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
3/4 cups
|
||||
</div>
|
||||
<div class="item">milk</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 tbsp
|
||||
</div>
|
||||
<div class="item">white vinegar</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Combine the milk and vinegar in a medium bowl and set aside to sour.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">all-purpose flour</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
2 tbsp
|
||||
</div>
|
||||
<div class="item">white sugar</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">baking powder</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1/2 tsp
|
||||
</div>
|
||||
<div class="item">baking soda</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1/2 tsp
|
||||
</div>
|
||||
<div class="item">salt</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Combine the dry ingredients in a medium bowl and whisk together throughly.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>3</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
2 tbsp
|
||||
</div>
|
||||
<div class="item">butter</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1
|
||||
</div>
|
||||
<div class="item">egg</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail"></div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>4</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Melt the butter in a small dish, and then whisk it and the egg into the wet ingredients. Then, slowly add the dry ingredients a little at a time, stopping to whisk each small portion in completely before adding any more.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>5</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Heat a large skillet over medium heat (300°F for an electric skillet). Scoop ¼ cup of the batter at a time to form each pancake. Cook each until bubble just start to form around the edges and then turn them over. Remove from the heat after lightly browned.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="navigation">
|
||||
<a href="../..">« Back</a>
|
||||
</section>
|
||||
</body>
|
||||
</html
|
||||
Reference in New Issue
Block a user