Refactor to use Python for building and YAML for data
This commit is contained in:
@@ -0,0 +1,134 @@
|
||||
<!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>Chole</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 20 min </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon gluten-free"></div>
|
||||
<div class="icon vegetarian"></div>
|
||||
<div class="icon serving"></div>× 4
|
||||
</div>
|
||||
|
||||
<div class="description">Chole is an Indian dish featuring garbanzo beans in a highly-seasoned, tomato-based sauce.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="instructions">
|
||||
<div class="step">
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 tbsp
|
||||
</div>
|
||||
<div class="item">olive oil</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">onions, yellow (diced)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">garlic (minced)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">tomatoes (diced)</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Sautée the onions in olive oil in a large skillet over medium-high heat until soft and transluscent. Then stir in the garlic and continue to sautée until the garlic has browned as well. Finally, add the tomatoes and cook covered for a further 5 minutes.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
¼ cups
|
||||
</div>
|
||||
<div class="item">water</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ tsp
|
||||
</div>
|
||||
<div class="item">chili powder</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1½ tsp
|
||||
</div>
|
||||
<div class="item">coriander powder</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ tsp
|
||||
</div>
|
||||
<div class="item">cumin powder</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
¾ tsp
|
||||
</div>
|
||||
<div class="item">garam masala</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">salt</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ tsp
|
||||
</div>
|
||||
<div class="item">tumeric</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Add in the dry spices and a little water. Allow to cook for a further 5 minutes.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>3</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
16 oz
|
||||
</div>
|
||||
<div class="item">garbanzo beans (rinsed, drained)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1¼ cups
|
||||
</div>
|
||||
<div class="item">water</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
2 tbsp
|
||||
</div>
|
||||
<div class="item">cilantro (minced)</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Add in the remaining water, garbanzo beans, and cilantro. Cook, uncovered, until the sauce has thickened.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="navigation">
|
||||
<a href="../..">« Back</a>
|
||||
</section>
|
||||
</body>
|
||||
</html
|
||||
Reference in New Issue
Block a user