Add first-pass at chorizo risotto recipe

roberto-aldera · Aug 12, 2023 · 78fc109 · 78fc109
1 parent 9b56ea7
commit 78fc109
Show file tree

Hide file tree

Showing 2 changed files with 88 additions and 0 deletions.
diff --git a/pages/recipes/rice/chorizo-risotto.html b/pages/recipes/rice/chorizo-risotto.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
+<script>
+    $(function () {
+        $("#footer").load("../../../includes/footer.html");
+        $("#header").load("../../../includes/recipe-header.html");
+        $("#navbar").load("navbar-rice.html");
+    });
+</script>
+
+<head>
+    <title>Tomato and chorizo risotto</title>
+    <meta charset="utf-8">
+    <link rel="apple-touch-icon" sizes="180x180" href="../../../favicon_io/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="../../../favicon_io/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="../../../favicon_io/favicon-16x16.png">
+    <link rel="manifest" href="../../../favicon_io/site.webmanifest">
+    <div id="header"></div>
+    <link rel="stylesheet" href="../../../main.css">
+</head>
+
+<body>
+    <div id="navbar"></div>
+    <div class="jumbotron text-center bg-light">
+        <h1>Tomato and chorizo risotto</h1>
+        <p>Winter staple.</p>
+    </div>
+
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-6">
+                <img class="img-fluid rounded" style="float:center" src="../../../images/placeholder.jpg" alt="risotto">
+            </div>
+            <div class="col-sm-6">
+                <h3>Ingredients</h3>
+                <ul>
+                    <li>500g arborio rice</li>
+                    <li>2 onions</li>
+                    <li>3 garlic cloves</li>
+                    <li>80g chorizo, chopped</li>
+                    <li>1 tin chopped tomatoes</li>
+                    <li>750ml vegetable stock</li>
+                    <li>Handful of chopped parsley</li>
+                    <li>1 glass red wine</li>
+                    <li>Parmigiano</li>
+                    <li>&frac12; tsp black pepper</li>
+                </ul>
+                <ol>
+                    <li>Dice the onion and crush the garlic before frying them in some olive oil.</li>
+                    <li>Add the chorizo and let it crisp slightly, before adding in the red wine.</li>
+                    <li>Pour in the rice and let it "crack" for about 5 minutes, stirring to avoid it sticking too much
+                        to the bottom.</li>
+                    <li>Slowly add the vegetable stock and continue stirring.</li>
+                    <li>Once the stock has begun to be absorbed, add in the tin of tomatoes.
+                        The chopped parsley and black pepper can go in now too.
+                    </li>
+                    <li>Cover the pot while it cooks for about 20 minutes.
+                        You shouldn't need to add too much salt, as the stock seasons things well (as does the upcoming
+                        parmigiano).
+                    </li>
+                    <li>Add in the parmigiano and crack some fresh black pepper over each portion when serving.</li>
+                </ol>
+                <p>
+                    Serves 5.
+                </p>
+                <p>
+                    <i>Inspired by <a
+                            href="https://www.jamieoliver.com/recipes/pork-recipes/tomato-red-wine-chorizo-risotto/">this
+                            recipe.</a></i>
+                </p>
+            </div>
+        </div>
+    </div>
+</body>
+<div id="footer"></div>
+
+</html>
diff --git a/pages/recipes/rice/rice.html b/pages/recipes/rice/rice.html
@@ -38,6 +38,15 @@ <h2>Risotto</h2>
                     <a href="risotto.html"></a>
                 </figure>
             </div>
+            <div class="col-auto">
+                <figure class="photo">
+                    <img src="../../../images/placeholder.jpg" alt="sample image" />
+                    <figcaption>
+                        <h2>Tomato and chorizo risotto</h2>
+                    </figcaption>
+                    <a href="chorizo-risotto.html"></a>
+                </figure>
+            </div>
             <div class="col-auto">
                 <figure class="photo">
                     <img src="../../../images/low-res/pearl-barley-butternut.jpg" alt="sample image" />