-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchicken-in-creamy-peppercorn-sauce.html
512 lines (451 loc) · 19.1 KB
/
chicken-in-creamy-peppercorn-sauce.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Today, I'm going to use diced chicken thighs to create Chicken In Creamy Peppercorn Sauce. The delicate chicken is flavoured with smoked bacon, garlic of course pepper!"
/>
<!-- *********************FACEBOOK START******************** -->
<!-- facebook meta tags to ensure correct image / page is shared START-->
<!-- set the URL that you want Facebook to point to in this tag -->
<meta
property="og:url"
content="https://www.nuttyskitchen.co.uk/chicken-in-creamy-peppercorn-sauce.html"
/>
<meta property="og:type" content="article" />
<meta property="og:title" content="Chicken In Creamy Peppercorn Sauce" />
<!-- set a very short description of the page in this tag -->
<meta
property="og:description"
content="Chicken In Creamy Peppercorn Sauce Recipe"
/>
<!-- set the image that you want Facebook to display in this tag-->
<meta
property="og:image"
content="https://www.nuttyskitchen.co.uk/images/chicken-in-creamy-peppercorn-sauce/650x366/chicken-in-creamy-peppercorn-sauce-and-mash-plated.webp"
/>
<!-- facebook meta tags to ensure correct image / page is shared END-->
<!-- *********************FACEBOOK END********************* -->
<!-- Set the webpage title here - it shows up in the browser tab -->
<title>Chicken In Creamy Peppercorn Sauce | Nutty's Kitchen</title>
<!--set the image that shows in the browser tabs -->
<link rel="icon" href="favicon.svg" />
<!-- Pre-load the font used on the website: "Poppins" -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
rel="stylesheet"
/>
<!-- load the CSS stylesheets here -->
<link rel="stylesheet" href="/styles/tabs-nav.css" />
<link rel="stylesheet" href="/styles/background.css" />
<!-- Set CSS variables here -->
<style>
:root {
/* set the background image */
--bg-img: url("/images/icons/blank.png");
/* set the background size */
--bg-size: 32px;
/* set the start of the 2nd colour of the gradient */
/* basically, increase the value until the background
images are below the intro' paragraphs */
--bg-1st-col-stop: 35%;
}
</style>
</head>
<body>
<nav class="nav-main">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/recipepage.html">Recipes</a></li>
<li><a href="/contact-form.html">Contact Us</a></li>
</ul>
</nav>
<!-- RECIPE PAGE NAVIGATION -->
<div id="nav-container" class="nav-container"></div>
<!-- RECIPE PAGE NAVIGATION -->
<section class="fg">
<header class="title">
<div class="title-wrap">
<img
width="60"
height="32"
src="/images/logo-left.svg"
alt="logo left"
title="nuttys kitchen logo left"
/>
<!-- Set the page title here -->
<h1>Chicken In Creamy Peppercorn Sauce</h1>
<img
width="60"
height="32"
src="/images/logo-right.svg"
alt="logo right"
title="nuttys kitchen logo right"
/>
</div>
<img
src="/images/nuttys-kitchen-logo.svg"
alt="nuttys kitchen logo"
width="160"
height="40"
title="nuttys kitchen logo"
class="logo-main"
/>
<!-- First paragraph after the page title -->
<p>
This is a similar recipe to my
<em>Pork in Creamy Peppercorn Sauce</em>. But today, I'm going to use
diced chicken thighs to create
<strong>Chicken In Creamy Peppercorn Sauce</strong>. The delicate
chicken is flavoured with smoked bacon, garlic & of course —
lots of roughly ground peppercorns. Yummy!
</p>
<!-- Second paragraph after the page title -->
<p>
Click the <b>Method</b> tab below to see a step-by-step guide on how
to make <strong>Chicken In Creamy Peppercorn Sauce</strong>, along
with pictures as a guide.
</p>
</header>
<!-- class about-center = set columns -->
<!-- class section-center = set width -->
<div class="about-center section-center">
<!-- first image on the page sits underneath the 1st & 2nd paragraphs -->
<article class="about-img">
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/chicken-in-creamy-peppercorn-sauce-and-mash-plated.webp"
alt="chicken creamy peppercorn sauce and mash plated"
title="chicken creamy peppercorn sauce mash and veg"
/>
</article>
<article class="about">
<!-- buttons container -->
<div class="btn-container">
<!-- class active = show content -->
<button
title="Click this tab to reveal the ingredients"
class="tab-btn active"
data-id="ingredients"
>
ingredients
</button>
<button
title="Click this tab to read the recipe method and see pictures of how to make this dish"
class="tab-btn"
data-id="method"
>
method
</button>
</div>
<!-- This is where the "Ingredients" & "Method" tabs are created -->
<!-- about content -->
<article class="about-content">
<!-- single item -->
<!-- the class `active` is applied to show the contents of the tab. "Ingredients" is active by default -->
<div class="content active" id="ingredients">
<h2>ingredients</h2>
<p>Here's what you need :¬)</p>
<!-- Ingredients List Goes Below Here!!! -->
<h2>serves 4</h2>
<ul>
<li>600g boned & skinned chicken thighs cut into 6 pieces</li>
<li>*8 rashers streaky smoked bacon cut into 2cm pieces</li>
</ul>
<div class="spacer"></div>
<p>
<em
>*I use the streaky part of back bacon & save the rest for
sandwiches!</em
>
</p>
<ul>
<li>1/2 a medium onion finely diced</li>
<li>1 stick of celery finely diced</li>
<li>3 cloves garlic roughly chopped</li>
<li>pack chestnut mushrooms, each cut into 4</li>
<li>*1 tsp black pepper corns roughly ground</li>
<li>*1 tsp mixed peppercorns roughly ground</li>
<li>*1 tsp sea salt</li>
</ul>
<div class="spacer"></div>
<p>
<em
>*crush the peppercorns in a pestle & mortar with sea salt
just cracking them slightly, we do not want them ground to a
powder. Feel free to add 1 tsp extra whole mixed peppercorns
if you are a true pepper lover and like a bit of extra heat
:-)</em
>
</p>
<ul>
<li>2 Tbsp salted butter</li>
<li>1 veg stock cube crumbled</li>
<li>1 chicken stock cube crumbled</li>
<li>1 tsp dyjon mustard</li>
<li>1 tsp onion powder</li>
<li>1 Tbsp plain flour</li>
<li>3/4 pint of whole or semi-skimmed milk</li>
<li>2 tsp Worcestershire sauce</li>
</ul>
<!-- Ingredients List Goes Above Here!!! -->
</div>
<!-- end of single item -->
<!-- single item -->
<!-- The method tab does not have the call `active` by default, thus it is hidden from view. When the user clicks
the "Method" tab the `active` class is applied here and
removed from the "Ingredients" tab, which is then hidden
from view
-->
<div class="content" id="method">
<h2>method</h2>
<p>
I start this recipe by frying the bacon and slowly adding all
the veg' and seasoning to build up layers of flavour. Then I set
that all aside and use the same pan to start making the creamy
peppercorn sauce. That way, I get all the flavours from the pan
incorporated into the base of the sauce.
</p>
<p>
Once you have all your ingredients prepared, it's really quite
simple to build though.
</p>
<!-- Method List Goes Below Here!!! -->
<div class="card_image">
<figcaption>ingredients</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/ingredients.webp"
alt="ingredients"
title="ingredients for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol>
<li>heat wok or heavy based pan to med-high heat</li>
<li>add bacon to the wok & fry until it starts to brown</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>brown the bacon</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/bacon-frying.webp"
alt="bacon frying"
title="bacon frying for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol start="3">
<li>add onions, celery & garlic — allow to soften</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>soften the onions</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/onions-softening-with-bacon.webp"
alt="onions softening with bacon"
title="onions softening with bacon for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol start="4">
<li>add mushrooms, salt and peppercorns</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>mushrooms added</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/mushrooms-added-to-pan.webp"
alt="mushrooms added to pan"
title="mushrooms added to pan for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol start="5">
<li>stir fry on a medium heat for 5 mins</li>
<li>push everything to the sides of the pan</li>
<li>
*turn the heat up to high & gradually add the diced chicken
</li>
</ol>
<div class="spacer"></div>
<p>
<em
>*seal the chicken in three batches so that the pan stays
hot.</em
>
</p>
<div class="card_image">
<figcaption>add chicken in batches</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/chicken-added-to-pan.webp"
alt="chicken added to pan"
title="chicken added to pan for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol start="8">
<li>
stir fry until the chicken just whitens, set it all aside onto
a plate
</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>seal the chicken</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/chicken-sealed.webp"
alt="chicken sealed"
title="chicken sealed for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol start="9">
<li>using the same pan, add butter until it melts</li>
<li>add your stock cubes, onion powder & mustard</li>
<li>then add your flour, & dont panic!</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>add flour to melted butter</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/flour-and-butter-in-pan.webp"
alt="flour and butter in pan"
title="flour and butter in pan for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol start="12">
<li>
gentle coax the flour into the butter until it starts to
combine
</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>stir to make a roux</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/making-a-roux.webp"
alt="making a roux"
title="making a roux for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol start="13">
<li>
slowly add in a little of your milk & stir, stir, stir, while
adding milk
</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>add milk while stirring</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/milk-added-to-roux.webp"
alt="milk added to roux"
title="milk added to roux for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol start="14">
<li>
gradually combine until it comes together, then add worchester
sauce
</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>add worcestershire sauce</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/worcestershire-sauce-added.webp"
alt="worcestershire sauce added"
title="worcestershire sauce added for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol start="15">
<li>
add your chicken & everything else back in to the pan & stir
to combine all the ingredients
</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>add everything back into the pan</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/chicken-and-mushrooms-added.webp"
alt="chicken and mushrooms added"
title="chicken and mushrooms added for chicken in creamy peppercorn sauce"
/>
</div>
<div class="spacer"></div>
<ol start="16">
<li>
bring back to simmer & cover, lower the heat to 3, set a timer
for 10 mins
</li>
<li>
remove the lid, check the chicken's cooked by cutting a piece
in half
</li>
<li>
taste, adjust seasoning & Worcestershire sauce if required
</li>
</ol>
<div class="spacer"></div>
<p>
Serving suggestion:
<strong>Chicken In Creamy Peppercorn Sauce</strong> Mashed
potatoes, steamed carrots & brocolli. This dish is equally
delicious served with just a simple vegetable rice. See below:
</p>
<div class="spacer"></div>
<div class="card_image_round">
<figcaption>serving suggestion</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/chicken-in-creamy-peppercorn-sauce-and-mash-plated.webp"
alt="chicken creamy peppercorn sauce and mash plated"
title="chicken creamy peppercorn sauce mash and veg"
/>
<figcaption>...mash & veg</figcaption>
</div>
<div class="spacer"></div>
<p>
An umptuous sliky, buttery mash and freshly steamed veg' are
just heavenly when served with
<strong>Chicken In Creamy Peppercorn Sauce</strong>
</p>
<div class="card_image_round">
<figcaption>serving suggestion</figcaption>
<img
src="/images/chicken-in-creamy-peppercorn-sauce/650x366/chicken-in-creamy-peppercorn-sauce-and-rice-plated.webp"
alt="chicken creamy peppercorn sauce and rice plated"
title="chicken creamy peppercorn sauce and rice"
/>
<figcaption>...rice, peas & sweetcorn</figcaption>
</div>
<div class="spacer"></div>
<p>
Or, rice, peas and sweetcorn make for an equally delicious, no
faff, lighter bite!
</p>
<!-- Method List Goes Above Here!!! -->
<!-- This is THE END!!!!!! -->
<!-- don't less with the closing tags or anything below here!!! -->
</div>
<!-- end of single item -->
</article>
</article>
</div>
</section>
<!-- javascript -->
<!-- `app.js` is the program that runs on every page to create
the menu and footer amongst other things such as controlling
the visibility of the tabs when a user clicks on them
-->
<script src="/src/app.js"></script>
<!-- NOTE: recipecards.js only runs on the `recipepage.html` -->
</body>
</html>