nuttys/index.html at master · Fishbite/nuttys · GitHub

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
<!doctype html>
<html lang="en">
  <head>
    <!-- Google tag (gtag.js) -->
    <!-- <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-E894R29N9L"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());
      gtag("config", "G-E894R29N9L", {
        anonymize_ip: true,
        allow_ad_personalization_signals: false,
      });
    </script> -->

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta
      name="description"
      content="Nutty's kitchen, simple home cooking on a budget, stretch pennies as far as they will go with pork, beef, chicken & lamb recipes handed down from mum & gran"
    />
    <title>Nutty's Kitchen</title>

    <!-- *********************FACEBOOK START******************** -->
    <meta
      name="facebook-domain-verification"
      content="4ngq1160alkoa6ixqaes5lrt31bl11"
    />
    <!-- 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/" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Nuttys Kitchen" />

    <!-- set a very short description of the page in this tag -->
    <meta
      property="og:description"
      content="Nutty's kitchen, simple home cooking on a budget, stretch pennies as far as they will go with pork, beef, chicken & lamb recipes handed down from mum & gran"
    />

    <!-- set the image that you want Facebook to display in this tag-->
    <meta
      property="og:image"
      content="https://www.nuttyskitchen.co.uk/images/happy-nutty-chef.webp"
    />
    <!-- facebook meta tags to ensure correct image / page is shared END-->
    <!-- *********************FACEBOOK END********************* -->

    <!--set the image that shows in the browser tabs -->
    <link rel="icon" href="favicon.svg" />

    <!-- tell google to use www.nuttyskitchen.co.uk as the canonical page -->
    <link rel="canonical" href="https://www.nuttyskitchen.co.uk" />

    <link
      rel="preload"
      href="/fonts/poppins-regular-webfont.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />

    <!-- Styles -->
    <link rel="stylesheet" href="./styles/tabs-nav.css" />
    <!-- <link rel="stylesheet" href="./styles/tabs-nav-minified.css"> -->
  </head>
  <body>
    <a href="#content" class="skip-link">Skip to Main Content</a>
    <nav class="nav-main" aria-label="main navigation">
      <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/recipe-links.html">Index</a></li>
        <li>
          <a
            href="https://recipes.nuttyskitchen.co.uk/recipes"
            class="recipe-page-link"
            data-fallback="https://www.nuttyskitchen.co.uk/recipepage.html"
            data-test-image="https://recipes.nuttyskitchen.co.uk/images/icons/blank.svg"
          >
            Recipes
          </a>
        </li>
        <li><a href="/contact-form.html">Contact</a></li>
      </ul>
    </nav>
    <!-- Navigation START -->
    <div id="nav-container" class="nav-container"></div>
    <!-- Navigation END -->

    <div>
      <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"
          />
          <h1 id="content" tabindex="-1">Welcome to Nutty's Kitchen</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"
        />

        <section>
          <h2 style="text-transform: lowercase">
            a place where honest wholesome cooking is delivered in every dish
            <!-- Cooking made joyfully simple — with a little Nutty twist -->
          </h2>

          <!-- style="margin: 0 auto; width: 650px; max-width: 95vw" -->
          <div class="spacer"></div>
          <figure class="nutty">
            <img
              src="/images/happy-nutty-chef.webp"
              alt="happy nutty chef"
              title="happy nutty chef cooking up a curry"
              width="650"
              height="433"
              fetchpriority="high"
            />
          </figure>
          <figcaption class="strapline">
            Real Food. Real Fun. Real Nutty!
          </figcaption>
          <div class="spacer"></div>
          <div class="spacer"></div>

          <p>
            Step into the heart-warming world of Nutty's Kitchen, where the love
            for food, flavours and creativity merge to create a culinary
            experience that's as heartfelt as it is budget-friendly. Meet Nutty,
            a passionate foodie, whose journey in the realm of cooking is as
            rich and diverse as the flavours she brings to life.
          </p>

          <p style="line-height: 1.6; font-size: 1rem">
            <span style="display: inline-flex; align-items: center; gap: 0.4em">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 24 24"
                width="20"
                height="20"
                fill="hsl(209, 28%, 39%)"
                style="vertical-align: middle"
              >
                <path
                  d="M10 2a8 8 0 105.293 14.707l5 5 1.414-1.414-5-5A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z"
                />
              </svg>

              <strong class="pencil">New Search!</strong>
            </span>

            <span style="margin-left: 0.5em">
              <a
                href="https://recipes.nuttyskitchen.co.uk/recipes"
                class="recipe-page-link underline-link"
                data-fallback="https://www.nuttyskitchen.co.uk/recipepage.html"
                data-test-image="https://recipes.nuttyskitchen.co.uk/images/icons/blank.svg"
              >
                Explore Nutty's Recipes</a
              >
              or
              <a
                href="https://recipes.nuttyskitchen.co.uk/recipes"
                class="recipe-page-link underline-link"
                data-fallback="https://www.nuttyskitchen.co.uk/recipepage.html"
                data-test-image="https://recipes.nuttyskitchen.co.uk/images/icons/blank.svg"
              >
                Click ‘Recipes’</a
              >
              in the top menu to <em>search</em> by category, ingredient, or
              craving — it’s like flipping through Nutty’s personal cookbook!
            </span>
          </p>

          <p>
            Make sure to see her
            <a class="underline" href="#latest"
              ><strong>latest recipe</strong></a
            >
            near the bottom of this page.
          </p>
        </section>
      </header>

      <!-- class about-center = set columns -->
      <!-- class section-center = set width -->
      <main class="about-center section-center justify">
        <!-- single item -->
        <article class="about-content-main">
          <h2>Cooking on a Budget</h2>

          <p>
            Times can be tough when it comes to putting together a good square
            meal that is as tasty as you would expect to get in a decent
            restaurant. So I hope I bring you some inspiration and know-how in
            the pages ahead. The cost of ingredients and cooking is never far
            from my mind, so you will find very few lavishly expensive items in
            my dishes. Just lots of flavour
          </p>

          <figure class="card_image">
            <img
              width="519"
              height="346"
              src="./images/originals/650x366/brownbread-and-jam-karolina-grabowska.webp"
              alt="brownbread and jam karolina-grabowska"
              title="budget dishes"
            />
            <figcaption>budget doesn't mean bread and jam!</figcaption>
          </figure>
        </article>
        <!-- end of single item -->

        <!-- single item -->
        <article class="about-content-main">
          <h2>Bulking out with veg</h2>

          <p>
            Bulking out a dish with veg' is a very old-fashioned way of reducing
            costs, but at the same time, a way to add so much flavour! Veg'
            haters will never know they are there! Crafty, unless you tell them
            of course ;¬)
          </p>
          <p>
            Throughout my recipes you will find that the base to most
            English-style cooking starts with, what is known as, the Holy
            Trinity! This is simply carrots, onions and celery, with a little
            twist here and there such as adding a little fresh garlic. Taste
            starts here!
          </p>
          <figure class="card_image">
            <img
              width="519"
              height="292"
              src="./images/holy-trinity.webp"
              alt="holy trinity"
              title="Cooking on a Budget - the holy trinity"
            />
            <figcaption>the holy trinity: carrots, onion, celery</figcaption>
          </figure>
        </article>
        <!-- end of single item -->

        <!-- single item -->
        <article class="about-content-main">
          <div class="title-icon">
            <h2>Freeze for another day</h2>
            <img
              width="32"
              height="44"
              src="./images/freezer.webp"
              alt="freeer icon"
              title="freezer"
            />
          </div>

          <p>
            Life can be so busy and hectic that sometimes you just want
            something super-fast. Every dish I cook will serve more people than
            I have to feed! This is my cunning ploy for those days when I just
            don't have time to prepare from fresh. You can freeze meal size
            portions of all my dishes (unless I specifically say otherwise!) so
            you can pull something out of the freezer in the morning, knowing
            that you have a delicious dinner waiting for you in just a few
            minutes. In fact, you will find that the depth of flavour develops
            nicely in most cases which is just another added bonus.
          </p>

          <div class="card_image">
            <figcaption>when time is of the essence</figcaption>
            <a href="/lamb-curry-with-spinach.html">
              <img
                src="/images/lamb-curry-with-spinach/650x366/lamb-curry-with-spinach-rice-and-naan-2.webp"
                alt="lamb curry with spinach rice and naan 2"
                title="lamb curry with spinach rice and naan in a dish"
              />
            </a>

            <figcaption>
              who needs a takeaway when you have a ping-away!
            </figcaption>
          </div>

          <div class="spacer"></div>
          <p>Click or tap the pic for the recipe!</p>
        </article>
        <!-- end of single item -->

        <!-- single item -->
        <article id="latest" class="about-content-main">
          <div class="title-icon">
            <h2>Latest</h2>
            <img
              width="32"
              height="44"
              src="./images/new.webp"
              alt="new icon"
              title="new"
            />
          </div>

          <p>New Recipe!</p>
          <p>
            Check out this page for regular updates. Here I will post my latest
            recipe.
          </p>
          <p>
            On a Nutty level this one is going to be a breeze :-)
            <a class="underline" href="/fenugreek-chicken.html"
              ><strong>fenegreek chicken</strong></a
            >
            I was totally intrigued about using all the fenugreek including
            stalks here — which is new for me so here goes! My fingers are
            crossed! Hate striping leaves off fenugreek!!! I may never have to
            do it again!
          </p>
          <p>
            Let me know what you think using my
            <a class="underline" href="/contact-form.html"
              ><b>Contact Page</b></a
            >
          </p>

          <div class="card_image">
            <figcaption>Nutty's super budget friendly</figcaption>
            <a href="/fenugreek-chicken.html">
              <img
                src="/images/fenugreek-chicken/650x366/chicken_and-fenugreek-close-up.webp"
                alt="chicken and fenugreek close up"
                title="a close up of chicken and fenugreek"
              />
            </a>
            <figcaption>fenegreek chicken</figcaption>
          </div>
          <div class="spacer"></div>

          <p>
            Click or tap the pic for the recipe! You just have to try this :¬)
          </p>
        </article>
        <!-- end of single item -->

        <!-- single item -->
        <article
          style="background-color: #0c0600; border: none; color: burlywood"
          class="about-content-main"
        >
          <h2>1 year one hundred recipes!</h2>

          <p style="color: burlywood" aria-label="birthday-celebration">
            Well! Doesn't time fly! I can hardly believe that it's a whole year
            since I published my first recipes on
            <strong>Nutty's Kitchen</strong>. In that time I've created
            <em>one hundred dishes</em> that you can make at home without
            breaking the bank!
          </p>
          <!-- <figure class="card_image"></figure> -->
          <section class="flip-box-wrapper">
            <div id="flip-box" class="flip-box flip-me">
              <div id="flip-box-inner" class="flip-box-inner flip-me">
                <div class="flip-box-front">
                  <img
                    class="badge"
                    src="images/nutty-1-year-7.svg"
                    alt="nutty 1 year"
                    title="nutty's one year, one hundred recipe badge"
                  />
                </div>
              </div>
              <h3>Spin me:</h3>
            </div>
          </section>
          <p style="color: burlywood; padding-top: 2rem">
            As a super special treat for one of those big nights in, I've made
            my extra special <strong>Butter Chicken</strong>, which is a
            beautiful, rich and fairly delicately spiced curry. Not one to be
            eaten on a regular basis mind, as there are quite a few colories
            included, but it is oh! So umptious! I do hope you get chance to
            enjoy this one with a dinner guest or two. Head over to my
            <a
              class="underline"
              href="https://www.nuttyskitchen.co.uk/butter-chicken.html"
              target="_blank"
              ><strong>Butter Chicken Recipe</strong></a
            >
            for the full method and ingredients.
          </p>
        </article>
        <!-- end of single item -->
      </main>
    </div>
    <!-- <script type="module" src="./src/tabs.js"></script> -->
    <script src="./src/app.js"></script>
    <script src="/src/1year.js"></script>
    <!-- 100% privacy-first analytics = 100% GDPR compliance & NO Cookies! -->
    <script
      data-collect-dnt="true"
      async
      src="https://scripts.simpleanalyticscdn.com/latest.js"
    ></script>
  </body>
</html>