Merge branch 'master' into apple-crumble

.gitignore

@@ -1 +1,10 @@
-themes/
+/themes/
+
+# Generated files by hugo
+/public/
+/resources/_gen/
+/assets/jsconfig.json
+hugo_stats.json
+
+# Temporary lock file while building
+/.hugo_build.lock

LICENSE

@@ -1,121 +0,0 @@
-Creative Commons Legal Code
-
-CC0 1.0 Universal
-
-    CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
-    LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN
-    ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
-    INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
-    REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS
-    PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM
-    THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED
-    HEREUNDER.
-
-Statement of Purpose
-
-The laws of most jurisdictions throughout the world automatically confer
-exclusive Copyright and Related Rights (defined below) upon the creator
-and subsequent owner(s) (each and all, an "owner") of an original work of
-authorship and/or a database (each, a "Work").
-
-Certain owners wish to permanently relinquish those rights to a Work for
-the purpose of contributing to a commons of creative, cultural and
-scientific works ("Commons") that the public can reliably and without fear
-of later claims of infringement build upon, modify, incorporate in other
-works, reuse and redistribute as freely as possible in any form whatsoever
-and for any purposes, including without limitation commercial purposes.
-These owners may contribute to the Commons to promote the ideal of a free
-culture and the further production of creative, cultural and scientific
-works, or to gain reputation or greater distribution for their Work in
-part through the use and efforts of others.
-
-For these and/or other purposes and motivations, and without any
-expectation of additional consideration or compensation, the person
-associating CC0 with a Work (the "Affirmer"), to the extent that he or she
-is an owner of Copyright and Related Rights in the Work, voluntarily
-elects to apply CC0 to the Work and publicly distribute the Work under its
-terms, with knowledge of his or her Copyright and Related Rights in the
-Work and the meaning and intended legal effect of CC0 on those rights.
-
-1. Copyright and Related Rights. A Work made available under CC0 may be
-protected by copyright and related or neighboring rights ("Copyright and
-Related Rights"). Copyright and Related Rights include, but are not
-limited to, the following:
-
-  i. the right to reproduce, adapt, distribute, perform, display,
-     communicate, and translate a Work;
- ii. moral rights retained by the original author(s) and/or performer(s);
-iii. publicity and privacy rights pertaining to a person's image or
-     likeness depicted in a Work;
- iv. rights protecting against unfair competition in regards to a Work,
-     subject to the limitations in paragraph 4(a), below;
-  v. rights protecting the extraction, dissemination, use and reuse of data
-     in a Work;
- vi. database rights (such as those arising under Directive 96/9/EC of the
-     European Parliament and of the Council of 11 March 1996 on the legal
-     protection of databases, and under any national implementation
-     thereof, including any amended or successor version of such
-     directive); and
-vii. other similar, equivalent or corresponding rights throughout the
-     world based on applicable law or treaty, and any national
-     implementations thereof.
-
-2. Waiver. To the greatest extent permitted by, but not in contravention
-of, applicable law, Affirmer hereby overtly, fully, permanently,
-irrevocably and unconditionally waives, abandons, and surrenders all of
-Affirmer's Copyright and Related Rights and associated claims and causes
-of action, whether now known or unknown (including existing as well as
-future claims and causes of action), in the Work (i) in all territories
-worldwide, (ii) for the maximum duration provided by applicable law or
-treaty (including future time extensions), (iii) in any current or future
-medium and for any number of copies, and (iv) for any purpose whatsoever,
-including without limitation commercial, advertising or promotional
-purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each
-member of the public at large and to the detriment of Affirmer's heirs and
-successors, fully intending that such Waiver shall not be subject to
-revocation, rescission, cancellation, termination, or any other legal or
-equitable action to disrupt the quiet enjoyment of the Work by the public
-as contemplated by Affirmer's express Statement of Purpose.
-
-3. Public License Fallback. Should any part of the Waiver for any reason
-be judged legally invalid or ineffective under applicable law, then the
-Waiver shall be preserved to the maximum extent permitted taking into
-account Affirmer's express Statement of Purpose. In addition, to the
-extent the Waiver is so judged Affirmer hereby grants to each affected
-person a royalty-free, non transferable, non sublicensable, non exclusive,
-irrevocable and unconditional license to exercise Affirmer's Copyright and
-Related Rights in the Work (i) in all territories worldwide, (ii) for the
-maximum duration provided by applicable law or treaty (including future
-time extensions), (iii) in any current or future medium and for any number
-of copies, and (iv) for any purpose whatsoever, including without
-limitation commercial, advertising or promotional purposes (the
-"License"). The License shall be deemed effective as of the date CC0 was
-applied by Affirmer to the Work. Should any part of the License for any
-reason be judged legally invalid or ineffective under applicable law, such
-partial invalidity or ineffectiveness shall not invalidate the remainder
-of the License, and in such case Affirmer hereby affirms that he or she
-will not (i) exercise any of his or her remaining Copyright and Related
-Rights in the Work or (ii) assert any associated claims and causes of
-action with respect to the Work, in either case contrary to Affirmer's
-express Statement of Purpose.
-
-4. Limitations and Disclaimers.
-
- a. No trademark or patent rights held by Affirmer are waived, abandoned,
-    surrendered, licensed or otherwise affected by this document.
- b. Affirmer offers the Work as-is and makes no representations or
-    warranties of any kind concerning the Work, express, implied,
-    statutory or otherwise, including without limitation warranties of
-    title, merchantability, fitness for a particular purpose, non
-    infringement, or the absence of latent or other defects, accuracy, or
-    the present or absence of errors, whether or not discoverable, all to
-    the greatest extent permissible under applicable law.
- c. Affirmer disclaims responsibility for clearing rights of other persons
-    that may apply to the Work or any use thereof, including without
-    limitation any person's Copyright and Related Rights in the Work.
-    Further, Affirmer disclaims responsibility for obtaining any necessary
-    consents, permissions or other rights required for any use of the
-    Work.
- d. Affirmer understands and acknowledges that Creative Commons is not a
-    party to this document and has no duty or obligation with respect to
-    this CC0 or use of the Work.

LICENSE.md

@@ -0,0 +1,24 @@
+This is free and unencumbered software released into the public domain.
+
+Anyone is free to copy, modify, publish, use, compile, sell, or
+distribute this software, either in source code form or as a compiled
+binary, for any purpose, commercial or non-commercial, and by any
+means.
+
+In jurisdictions that recognize copyright laws, the author or authors
+of this software dedicate any and all copyright interest in the
+software to the public domain. We make this dedication for the benefit
+of the public at large and to the detriment of our heirs and
+successors. We intend this dedication to be an overt act of
+relinquishment in perpetuity of all present and future rights to this
+software under copyright law.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+For more information, please refer to <https://unlicense.org>

config.toml

@@ -2,3 +2,8 @@ baseURL = 'https://based.cooking/'
 languageCode = 'en-us'
 title = 'Based Cooking'
 theme = 'lugo'
+
+[markup]
+  [markup.goldmark]
+    [markup.goldmark.renderer]
+      unsafe = true

content/_index.md

@@ -2,14 +2,68 @@
 title: "🍲 Based Cooking 🍳"
 ---
 
-## Categories
+## What do you want to cook?
 
-{{< tagcloud >}}
+<noscript>
+<style>
+.search { display: none; }
+</style>
+</noscript>
 
-## All Recipes
+<div class="search">
+  <input type="text" id="search" placeholder="Search...">
+  <button class="clear-search">
+    <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Backspace</title><path d="M135.19 390.14a28.79 28.79 0 0021.68 9.86h246.26A29 29 0 00432 371.13V140.87A29 29 0 00403.13 112H156.87a28.84 28.84 0 00-21.67 9.84v0L46.33 256l88.86 134.11z" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33"></path></svg>
+  </button>
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+  const rec = document.querySelectorAll('#artlist li')
+  const search = document.querySelector('#search')
+  const clearSearch = document.querySelector('.clear-search')
+  const artlist = document.getElementById('artlist')
+
+  search.addEventListener('input', e => {
+    // grab search input value
+    const searchText = e.target.value.toLowerCase()
+
+    const hasFilter = searchText.length > 0;
+
+    // for each recipe hide all but matched
+    let matchCount = 0;
+    rec.forEach(el => {
+      const recipeName = el.textContent.toLowerCase()
+      const isMatch = recipeName.includes(searchText)
+
+      el.hidden = !isMatch
+      el.classList.toggle('matched-recipe', isMatch && searchText.length !== 0);
+      if (hasFilter && isMatch) {
+        matchCount++;
+      }
+    })
+
+    artlist.classList.toggle('list-searched', matchCount > 0);
+  })
+
+  clearSearch.addEventListener('click', e => {
+    search.value = ''
+    rec.forEach(el => {
+      el.hidden = false
+      el.classList.remove('matched-recipe');
+    })
+
+    artlist.classList.remove('list-searched') ;
+  })
+})
+</script>
 
 {{< artlist >}}
 
+## Or Browse by Category...
+
+{{< tagcloud >}}
+
 ## About this site
 
 Founded to provide a simple online cookbook without ads and obese web design.
@@ -21,6 +75,7 @@ See the story of this site unfold in three videos:
 
 ## It's easy to contribute!
 
+New recipes can be submitted [on Github](https://github.com/lukesmithxyz/based.cooking).
 We are funded by you only, not 20MB of ads or privacy-violating trackers per page.
 
 {{< crypto >}}

content/dou-sha-bao.md

@@ -0,0 +1,43 @@
+---
+title: "Red Bean Buns (豆沙包)"
+author: tufek
+tags: ['chinese', 'snack', 'breakfast']
+date: 2022-05-31
+---
+
+![Dou-Sha-Bao](/pix/dou-sha-bao.webp)
+
+Soft and fluffy sweet buns filled-up with creamy Azuki red bean paste.
+
+- ⏲️ Prep time: 2h
+- 🍳 Cook time: 20 min
+- 🍽️ Servings: 6
+
+## Ingredients
+
+- 350g (~12 oz) wheat flour
+- 1 sachet (~ 4g / 0.14 oz) baker's yeast
+- 1 teaspoon baking powder
+- 200g (7 oz) sugar
+- 20cl (~ 0,05 gal) water
+- 1 teaspoon sunflower oil
+- 250g (~ 9 oz)red beans Azuki (soak 24h before recipe)
+- salt
+- 6 baking paper square 7x7cm (~ 3x3inches)
+
+## Directions
+
+1. 24h after soaking, boil the beans during 5 minutes and rince to clean up impurities.
+2. Bring back the beans to simmering point during 1h30/2h. Drain when beans are easily squashable.
+3. Mix the beans until smooth paste. Feel free to ad some water if necessary.
+4. Put the bean paste in a low-heated pan with 150g (~ 5oz) sugar and a pinch of salt. Stir continuously to dry up the paste during around 10 minutes and let it cool.
+5. In a salad bowl, stir the flour, the rest of sugar (~ 50g / 1.7oz), a pinch of salt, the baking powder and baker's yeast.
+6. Knead the bun paste during 5 minutes then incorporate the oil, knead again during 2 minutes. Shape a bowl and let it for 1 hour.
+7. Shape 6 balls with red beans paste.
+8. Press the rested bun paste to remove the gas and knea it up for 1 minute.
+9. Sprinkle flour on working plan and make a sausage shape. Cut it in 6 equal shares and shape small balls with it.
+10. Spread these bun paste balls to obtain a 10/12cm (~ 4inch) diameter disc.
+11. Put the red bean paste in the center of the bun disc paste and close up the bao by making small folds around the ball. Solder well.
+12. Dispose baos in a covered steaming basket and let it rest during 10 minutes.
+13. After 10 minutes of rest, steam it during 20 minutes. After steaming, let it rest during 5 minutes without uncover it.
+14. Enjoy!

content/lavacake.md

@@ -0,0 +1,28 @@
+---
+title: "Lavacake"
+date: 2022-05-17
+author: benjamin-h
+tags: ['chocolate', 'dessert', 'quick']
+---
+
+![lavacake](/pix/lavacake.webp)
+Easily made chocolate dessert with fluid chocolate content. The only requirement is a baking tin with cupcake pits.
+
+- ⏲️ Prep time: 15 min
+- 🍳 Cook time: 7 min
+- 🍽️ Servings 4
+
+## Ingredients
+
+- 1 Egg
+- 25g Flour
+- 25g Butter
+- 75g Chocolate
+
+## Directions
+1. Cover the baking tin with some butter.
+2. Heat the oven for 200°C.
+3. Mix all of the ingredients.
+4. Fill dough in the baking tins pits.
+5. Bake for 7 min. in the oven at 200°C.
+6. Serve hot with berries and vanilla ice-creame.

content/loaded-mexican-rice.md

@@ -1,7 +1,7 @@
 ---
 title: "Loaded Mexican Rice"
 date: 2021-03-21
-tags: ['rice', 'texmex']
+tags: ['rice', 'southwest']
 author: mr-mip
 ---
 

content/quiche.md

@@ -0,0 +1,41 @@
+---
+title: Quiche Lorraine - Lothringer Käsetorte
+date: 2022-05-17
+author: benjamin-h
+tags: ['cheese', 'French', 'ham']
+---
+
+- ⏲️ Prep time: 160 min
+- 🍳 Cook time: 30 min
+- 🍽️ Servings: 4
+
+## Ingredients
+
+- 200g Flour (full sight)
+- 100g Butter or Margarine
+- 5 Tablespoons of Water
+- 200g of Ham (alternatively cooked ham)
+- 4 Eggs
+- 1/4 Cream
+- 125g grinded Edamer Cheese
+- For the Baking Tin: More Butter and Flour
+
+##  Directions
+
+1. Spread some butter on a 26cm Ø or two smaller baking tins and cover it with flour
+2. Sieve the flour, mingle the butter/margarine in small flakes.
+4. Form a depression in the middle of the flour and add spoons of water.
+5. Mix all ingredients by hand until the dough becomes a homogenious mass.
+6. Wrap the dough in aluminium foil and let it rest in the fridge for two hours (around -4 °C).
+7. Preheat the oven at 200°C.
+8. Spread the dough on a flour-covered surface. Roll it until it has a thickness of around 4mm. Form a crust on the sides.
+9. Use a fork to prick the dough for a more thorough heat penetration.
+10. Cut the ham in slices and distribute them evenly on the dough.
+11. Divide the yolk from the egg white.
+12. Whisk the yolk with cream.
+13. Add the grinded cheese.
+14. Whisk the egg white until it becomes foamy. Add it to the yolk-pepper-salt-cheese mixture.
+15. Cover the ham in the baking tin with the mixture. Equalize the surface.
+16. Bake the Quiche in the oven on the middle rail for 30 minutes.
+17. After baking leave it to rest for a few minutes, then serve while it's still warm.
+I recommend serving it with a glass of white wine.

content/spicy-sausage-pasta.md

@@ -0,0 +1,32 @@
+---
+title: "Spicy Sausage Pasta"
+author: tom-cotter
+date: 2022-05-31
+tags: ['italian','sausage','pork','pasta','cream','spicy']
+---
+
+A delicious spicy pasta dish, super easy to make. I'm a student and it's relatively cheap for how much food you get. I found it in a newspaper a while back and thought I'd share it with you guys because it's my favourite meal. I also like to drink the excess red wine while cooking which adds to the enjoyment of cooking.
+
+- ⏲️ Prep time: 10 min
+- 🍳 Cook time: 50 min
+- 🍽️ Servings: 4
+
+## Ingredients
+
+- 2 red onions, chopped
+- Olive oil
+- 6 spicy Italian sausages
+- 1 sprig rosemary, needles finely chopped
+- 1 red chilli, deseeded and diced
+- A large glass of red wine (approx. 250ml)
+- 2 x 400g tins chopped plum tomatoes
+- 300g pasta, preferably penne
+- 50g parmesan
+- 300ml double cream
+
+## Directions
+
+1. Fry red onions with a splash of oil in a deep frying pan. Add the sausage meat (discarding the casings if need be). Add the rosemary and chilli
+2. Increase the heat and break up the sausage meat with a wooden spoon. Once meat has browned, pour in red wine and reduce by half. Add the chopped tomatoes and reduce the sauce, uncovered, for about 30 mins. Cook the pasta according to packet instructions.
+3. Grate the parmesan into a bowl. Drain the pasta and stir into the sauce with the parmesan, double cream and some seasoning.
+4. Serve :)

content/steak-tartare.md

@@ -0,0 +1,36 @@
+---
+title: Steak Tartare
+tags: ['beef', 'raw', 'quick']
+date: 2022-05-22
+author: dunkelheit-biz
+---
+
+Steak Tartare is a dish prepared using raw ground / minced beef and egg yolk. A popular dish in Europe, this recipe is a good stepping stone into the world of raw meats, organs and pates.
+
+- ⏲️ Prep time: 10 min
+- 🍽️ Servings: 4
+
+## Ingredients
+
+- Ground Beef (Lean as possible)
+- Eggs
+- Onion or Shallots
+- Capers
+- Gherkin / Cornichons
+- Parsley (Optional)
+- Ketchup (Optional)
+- Mustard (Optional)
+- Worcestershire Sauce (Optional)
+
+## Directions
+
+1. Dice your onions or shallots.
+2. Finely slice your cornichons.
+3. Rinse, drain and chop your capers.
+4. Chop parsley. (Optional)
+5. Chop ground beef into smaller pieces.
+6. Add the above to a mixing bowl and mix with hands.
+7. Add ketchup, mustard or Worcestershire sauce as needed and mix further. (Optional)
+8. Separate an egg yolk from the whites.
+9.  Loosely roll some of the mixture into a ball in your hand and place onto a plate and press softly to form a bowl shape, add egg yolk to indentation.
+10. Serve, you may now add salt and pepper as desired.

data/authors/benjamin-h.json

@@ -0,0 +1,5 @@
+{
+	"name": "Benjamin H",
+	"website": "https://beherrlich.xyz",
+	"xmr": "yTQ2hifnHNnqHNMQNqE6nggMGCSqsXadThkrFhTWKo4dK6HFj6NDUocnJYHvaQjZ1TwLDMYXVpj6bCm2Sonhpnp"
+}

data/authors/dunkelheit-biz.json

@@ -0,0 +1,7 @@
+{
+	"name": "Dunkelheit Citizen",
+	"website": "https://dunkelheit.biz",
+	"btc": "bc1qrpetnee8y0wdsee8fg6vjs9u85uw45fgnefs0d",
+	"xmr": "87ukrCxsbK79rQbGwutzTmE4RDPiayn3xK5JT63iiSks5Q9TMCsXzUibXEea1q6x6ij6u2UDxzXpNBU5bP4u8Wz34esoLRG",
+	"donate": "https://dunkelheit.biz/donate"
+}

data/authors/tom-cotter.json

@@ -0,0 +1,5 @@
+{
+	"name": "Thomas Cotter",
+	"website": "http://77.68.118.83/",
+	"xmr": "45E5PC6q2j8gM6Vm6NnSQeM1HT4UQsUTYeqM2k6y2oBY2SmHbm5jEGvXnR67eRknJGPW8R8L4hSj7JL74Wc24xWzDrQVUB6"
+}

data/authors/tufek.json

@@ -0,0 +1,5 @@
+{
+	"name": "TuFeK Yamero",
+	"email": "tufek@floan.fr",
+	"xmr": "89hGBR3GXL9XhVCE7iEHZPCpbKtKsqy8gE8M2stJ5LwdQknFYMSYa3ya52zKCya6HWQKs3QWobTKWKjxL3R2Dgi8VJm6Tp1"
+}

layouts/partials/footer.html

@@ -5,14 +5,15 @@
             See related:</br>
                 {{ range $k, $v := .Params.tags }}
                 {{ $url := printf "tags/%s" (. | urlize | lower) }}
-                <a href="{{ $url | absURL }}">{{ . }}</a>
+                <a id="tag_{{ . }}" href="{{ $url | absURL }}">{{ . | title }}</a>
                 {{ if lt $k (sub $tagsLen 1) }}&middot;{{ end }}
                 {{ end }}
             </div>
             {{ end }}
         {{ end }}
     </main>
-    <footer><p><a href="{{ .Site.BaseURL }}">{{ .Site.BaseURL }}</a></p>
-        <p><a href="/index.xml"><img src="/pix/rss.svg" style="max-height:.9em;display:inline" alt="RSS"> Subscribe via RSS for New Recipes</a></p></footer>
+    <footer><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a><br>
+        All site content is in the public domain.</br>
+        <a href="/index.xml"><img src="/pix/rss.svg" style="max-height:.9em;display:inline" alt="RSS"> Subscribe via RSS for New Recipes</a></footer>
 </body>
 </html>

layouts/partials/header.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.Language }}">
+    <head>
+	    <title>{{ if not .IsHome }}{{ .Title | title }} | {{ end }}{{ .Site.Title }}</title>
+        <meta charset="utf-8"/>
+        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%221em%22 font-size=%2280%22>🍲</text></svg>">
+        <link rel='stylesheet' type='text/css' href='/style.css'>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="keywords" content="{{ .Params.tags }}">
+        <link rel='alternate' type='application/rss+xml' title="{{ .Site.Title }} RSS" href='/rss.xml'>
+    </head>
+<body>
+    <main>

layouts/shortcodes/artlist.html

@@ -1,5 +1,5 @@
 <ul id=artlist>
 {{range.Site.RegularPages}}
-<li><a href="{{.Permalink}}">{{.Title}}</a></li>
+<li><a href="{{.Permalink}}">{{.Title}}<span style="display:none">{{.Params.Tags}}</span></a></li>
 {{end}}
 </ul>

layouts/shortcodes/crypto.html

@@ -15,7 +15,7 @@
 	overflow-wrap: break-word ;
 }
 .qr {
-    max-height: 200px ;
+    max-height: 150px; ;
 }
 </style>
 <div class=cryptocontainer>

static/style.css

@@ -22,8 +22,22 @@ a {
 	color: gold ;
 }
 
-.tagcloud a {
-	color: darkorange ;
+#tagcloud {
+	list-style: none ;
+	text-align: center ;
+	padding: 0 ;
+}
+
+#tagcloud li {
+	display: inline-block ;
+}
+
+#tagcloud a {
+	margin: .1em .25em ;
+}
+
+a:hover {
+	color: beige ;
 }
 
 a:visited {
@@ -38,11 +52,15 @@ h1 {
 
 h2 {
 	color: tomato ;
+	text-align: center ;
 }
 
 footer {
-	margin: 3em ;
+	margin-top: 3em ;
 	text-align: center ;
+	border-style: solid ;
+	border-width: 2px 0px 0px 0px ;
+	padding: 1em ;
 }
 
 img {
@@ -100,3 +118,134 @@ img[alt="XMR Logo"] {
 @media (min-width: 100em) {
 	#artlist { column-count: 3 ;}
 }
+
+
+input#search {
+  all: unset;
+  background: #222;
+  color: #fff;
+  padding: 0.7rem 1rem;
+  border-radius: 5px;
+  width: 100%;
+}
+
+.search {
+  width: 400px;
+  max-width: 85vw;
+  position: relative;
+  margin: 0.5rem auto 1.2rem;
+  display: flex;
+}
+
+button.clear-search {
+  all: unset;
+  position: absolute;
+  right: 4px;
+  top: 5px;
+  height: 30px;
+  width: 30px;
+  color: #888;
+  cursor: pointer;
+  transition: color 180ms ease-in-out;
+}
+button.clear-search:hover {
+  color: #eee;
+}
+
+
+.matched-recipe {
+	font-size: x-large ;
+}
+
+.list-searched {
+	column-count: 1 !important ;
+	list-style: decimal ;
+	max-width: 600px ;
+	margin: auto ;
+}
+
+#tag_alcohol:before { content: "🍸" ;}
+#tag_american:before { content: "🇺🇸" ; }
+#tag_asian:before { content: "🥢" ; }
+#tag_australian:before { content: "🇦🇺" ;}
+#tag_austrian:before { content: "🇦🇹" ;}
+#tag_bacon:before { content: "🥓" ; }
+#tag_beans:before { content: "🫘" ; }
+#tag_beef:before { content: "🐄" ; }
+#tag_belgian:before { content: "🇧🇪" ; }
+#tag_brazilian:before { content: "🇧🇷" ; }
+#tag_bread:before { content: "🍞" ;}
+#tag_breakfast:before { content: "🌅" ;}
+#tag_broccoli:before { content: "🥦" ;}
+#tag_cake:before { content: "🍰" ; }
+#tag_cheese:before { content: "🧀" ; }
+#tag_chicken:before { content: "🐔" ;}
+#tag_chinese:before { content: "🐉" ; }
+#tag_chocolate:before { content: "🍫" ; }
+#tag_cookies:before { content: "🍪" ;}
+#tag_corn:before { content: "🌽" ;}
+#tag_curry:before { content: "🍛" ; }
+#tag_dessert:before { content: "🍮" ; }
+#tag_dominican:before { content: "🇩🇴" ;}
+#tag_drink:before { content: "🍹" ;}
+#tag_duck:before { content: "🦆" ; }
+#tag_dumpling:before { content: "🥟" ;}
+#tag_dutch:before { content: "🇳🇱" ;}
+#tag_eggs:before { content: "🥚" ; }
+#tag_english:before { content: "🏴󠁧󠁢󠁥󠁮󠁧󠁿" ; }
+#tag_fasting:before { content: "☦️" ; }
+#tag_filipino:before { content: "🇵🇭" ; }
+#tag_fish:before { content: "🐟" ; }
+#tag_french:before { content: "🇫🇷" ; }
+#tag_fruit:before { content: "🍇" ; }
+#tag_german:before { content: "🇩🇪" ; }
+#tag_greek:before { content: "🇬🇷" ; }
+#tag_indian:before { content: "🇮🇳" ; }
+#tag_irish:before { content: "🇮🇪" ; }
+#tag_israeli:before { content: "🇮🇱" ; }
+#tag_italian:before { content: "🇮🇹" ; }
+#tag_japanese:before { content: "🇯🇵" ; }
+#tag_lebanese:before { content: "🇱🇧" ; }
+#tag_lemons:before { content: "🍋" ;}
+#tag_liquour:before { content: "🥃" ;}
+#tag_lunch:before { content: "🍱" ; }
+#tag_mediterranean:before { content: "🫒" ; }
+#tag_mexican:before { content: "🇲🇽" ; }
+#tag_milk:before { content: "🥛" ; }
+#tag_mushrooms:before { content: "🍄" ;}
+#tag_pancake:before { content: "🥞" ; }
+#tag_pasta:before { content: "🍝" ;}
+#tag_pastry:before { content: "🧁" ;}
+#tag_peruvian:before { content: "🇵🇪" ;}
+#tag_pie:before { content: "🥧" ;}
+#tag_pizza:before { content: "🍕" ; }
+#tag_polish:before { content: "🇵🇱" ;}
+#tag_pork:before { content: "🐖" ;}
+#tag_portuguese:before { content: "🇵🇹" ;}
+#tag_potato:before { content: "🥔" ; }
+#tag_quebec:before { content: "⚜️" ; }
+#tag_quick:before { content: "🏃" ; }
+#tag_raw:before { content: "🍖" ;}
+#tag_rice:before { content: "🍚" ; }
+#tag_russian:before { content: "🇷🇺" ;}
+#tag_salad:before { content: "🥗" ;}
+#tag_sandwich:before { content: "🥪" ;}
+#tag_seafood:before { content: "🦐" ; }
+#tag_soup:before { content: "🍜" ;}
+#tag_sourdough:before { content: "🥖" ;}
+#tag_southwest:before { content: "🤠" ; }
+#tag_spanish:before { content: "🇪🇸" ; }
+#tag_spicy:before { content: "🌶️" ; }
+#tag_spread:before { content: "🧈" ; }
+#tag_steak:before { content: "🥩" ; }
+#tag_stew:before { content: "🍲" ; }
+#tag_swedish:before { content: "🇸🇪" ; }
+#tag_sweet:before { content: "🍯" ; }
+#tag_swiss:before { content: "🇨🇭" ; }
+#tag_thai:before { content: "🇹🇭" ;}
+#tag_tomato:before { content: "🍅" ;}
+#tag_turkey:before { content: "🦃" ; }
+#tag_turkish:before { content: "🇹🇷" ; }
+#tag_ukrainian:before { content: "🇺🇦" ; }
+#tag_vietnamese:before { content: "🇻🇳" ; }
+#tag_wine:before { content: "🍷" ; }