-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblackberry-and-soured-cream-flan.html
427 lines (368 loc) · 15.8 KB
/
blackberry-and-soured-cream-flan.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
<!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="It 's the time of year when free Blackberries are easy to come by and there has been a bumper harvest here at Nutty's so, what better than Blackberry & Soured Cream Flan"
/>
<!-- *********************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/blackberry-and-soured-cream-flan.html"
/>
<meta property="og:type" content="article" />
<meta property="og:title" content="Blackberry and soured cream flan" />
<!-- set a very short description of the page in this tag -->
<meta property="og:description" content="Short description here please!" />
<!-- set the image that you want Facebook to display in this tag-->
<meta
property="og:image"
content="https://www.nuttyskitchen.co.uk/images/blackberry-and-soured-cream-flan/650x366/cauliflower-curry-in-a-pan-01.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>blackberry & soured cream flan | 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>blackberry & soured cream flan</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>
It is that time of year when free Blackberries are easy to come by.
Over at the Cricket club there's been a bumper harvest here at
Nutty's, so, what could be better than
<strong>Blackberry & Soured Cream Flan</strong>? I put them into the
freezer the day we picked them and forgot all about them. It's a
Sunday and as we are having a Roast Beef dinner, my mind went to hmm?
PUDDING! Those succulent little tart berries came to mind, and flan
was the Pudding I went for. I have included a recipe for the pastry
but do feel free to use shop brought all-butter shortcrust.
</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 my <strong>Blackberry & Soured Cream Flan</strong>, with
pictures to guide you.
</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/blackberry-and-soured-cream-flan/650x366/blackberry-and-soured-cream-flan-02.webp"
alt="blackberry and soured cream flan 02"
title="blackberry and soured cream flan"
/>
</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>Ingredients for the pastry</h2>
<ul>
<li>175g plain flour</li>
<li>pinch salt</li>
<li>50g icing sugar</li>
<li>100g diced chilled salted butter</li>
<li>1 large egg whisked</li>
<li>1 & 1/2 Tbls ice cold water</li>
</ul>
<div class="spacer"></div>
<h2>Ingredients for the filling</h2>
<ul>
<li>170ml soured cream</li>
<li>80ml double cream</li>
<li>1 large egg</li>
<li>6 Tbls sugar</li>
<li>1 Tbls plain flour</li>
<li>1 Tbls ground almounds</li>
</ul>
<div class="spacer"></div>
<h4>and the fruit</h4>
<ul>
<li>500g Blackberries</li>
<li>*1 to 2 Tbls sugar</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>
You are going to want to get your pastry all made rested & done
and cooked prior to anything else. Then there will be plenty of
time to sort your flan batter while your pastry cools.
</p>
<div class="card_image">
<figcaption>ingredients</figcaption>
<img
src="/images/blackberry-and-soured-cream-flan/650x366/ingredients.webp"
alt="ingredients"
title="ingredients for blackberry and soured cream flan"
/>
</div>
<div class="spacer"></div>
<!-- Method List Goes Below Here!!! -->
<h2>Method for the pastry</h2>
<ol>
<li>put all the dry ingredients into a mixer or bowl</li>
<li>beat until you have a fine crumb</li>
<li>add the wet ingredients and repeat until combined</li>
<li>
wrap in cling film in a round disk shape, chill for 15 to 20
minutes
</li>
<li>
roll out on a floured surface until the depth of a £1 coin
</li>
<li>
carefully place the pastry into the dish pushing the sides
down & in
</li>
<li>prick the base of the pastry all over with a fork</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>prick the pastry</figcaption>
<img
src="/images/blackberry-and-soured-cream-flan/650x366/raw-pastry-in-flan-dish.webp"
alt="ingredients"
title="raw pastry in a flan dish for blackberry and soured cream flan"
/>
</div>
<div class="spacer"></div>
<ol start="8">
<li>line with baking parchment then fill with rice</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>line with parchment & rice</figcaption>
<img
src="/images/blackberry-and-soured-cream-flan/650x366/pastry-and-rice-in-flan-dish-02.webp"
alt="pastry and rice in flan dish"
title="pastry and rice in flan dish for blackberry and soured cream flan"
/>
</div>
<div class="spacer"></div>
<ol start="9">
<li>bake in a pre-heated 180c oven for 10 minutes</li>
<li>remove the rice & paper, bake for another 10 minutes</li>
</ol>
<div class="spacer"></div>
<h2>Method for the filling</h2>
<ol start="11">
<li>whisk your sour cream, double cream & egg together</li>
<li>
add in sugar, flour & ground almounds, whisk until smooth
</li>
<li>set aside in the fridge</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>prep' the filling and</figcaption>
<img
src="/images/blackberry-and-soured-cream-flan/650x366/flan-filling-in-bowl.webp"
alt="flan filling in bowl"
title="flan filling in bowl for blackberry and soured cream flan"
/>
</div>
<div class="spacer"></div>
<h2>for the fruit</h2>
<ol start="14">
<li>
we are using foraged blackberries that have been washed &
frozen
</li>
<li>place the blackberries into a bowl to defrost</li>
<li>add sugar to the bowl to taste</li>
</ol>
<div class="spacer"></div>
<h2>Putting the dish together</h2>
<ol start="17">
<li>place half your fruit in the pastry base</li>
<li>top with your cream filling mixture</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>cover with the filling</figcaption>
<img
src="/images/blackberry-and-soured-cream-flan/650x366/tart-filling-in-flan-dish.webp"
alt="tart flan filling in flan dish"
title="tart flan filling in flan dish for blackberry and soured cream flan"
/>
</div>
<div class="spacer"></div>
<ol start="19">
<li>now top off your dish with other half of the fruit</li>
<li>bake @180c for 30 to 35 minutes</li>
<li>
once done the dish will have browned risen & bubbling arround
each piece of fruit
</li>
<li>
allow to cool for 30 mins, trim the edges with a knife then
dust with a florish of icing sugar if you like
</li>
</ol>
<div class="spacer"></div>
<div class="card_image">
<figcaption>allow to cool</figcaption>
<img
src="/images/blackberry-and-soured-cream-flan/650x366/blackberry-and-soured-cream-flan-03.webp"
alt="blackberry and soured cream flan 03"
title="blackberry and soured cream flan"
/>
</div>
<div class="spacer"></div>
<div class="card_image">
<figcaption>dust with icing sugar</figcaption>
<img
src="/images/blackberry-and-soured-cream-flan/650x366/blackberry-and-soured-cream-flan-02.webp"
alt="blackberry and soured cream flan 02"
title="blackberry and soured cream flan"
/>
</div>
<div class="spacer"></div>
<p>
And you are ready to serve
<strong>Blackberry & Soured Cream Flan</strong> with clotted
ice-cream :-)
</p>
<h2>where's the final picture?</h2>
<p>
Well, I have to confess, we ate it all before we thought of
taking a picture or two! But, that's not entirely true, I did
share half of it with a couple of my neighbours
<em>BEFORE</em> we actually ate it all and trust me, we would
have, because it was absolutely delightful :¬P
</p>
<p>
I'll publish the money shot next time I make it. I have enough
blackberries left in the freezer to do so, so watch this space!
</p>
<!-- <div class="card_image_round">
<figcaption>serving suggestion</figcaption>
<img
src="/images/blackberry-and-soured-cream-flan/650x366/blackberry-and-soured-cream-flan-and-ice-cream-01.webp"
alt="blackberry and soured cream flan 02"
title="blackberry and soured cream flan"
/>
<figcaption>clotted cream ice cream</figcaption>
</div>
<div class="spacer"></div> -->
<!-- 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>