Merge branch 'MMOOBB-master'

README.md

@@ -3,7 +3,7 @@
 [https://based.cooking](https://based.cooking)
 
 This is a simple cooking website where users can submit recipes here for credit.
-There are no ads, trackers, cookies (unless recipes thereof).
+There are no ads, trackers or cookies (unless recipes thereof).
 
 This site is compiled and organized with Hugo, using [this very simple theme](https://github.com/lukesmithxyz/lugo).
 

content/_index.md

@@ -28,7 +28,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
   search.addEventListener("input", () => {
     // grab search input value
-    const searchText = search.value.toLowerCase().trim();
+    const searchText = search.value.toLowerCase().trim().normalize('NFD').replace(/\p{Diacritic}/gu, "");
     const searchTerms = searchText.split(" ");
     const hasFilter = searchText.length > 0;
 
@@ -37,7 +37,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
     // for each recipe hide all but matched
     recipes.forEach(recipe => {
-      const searchString = `${recipe.textContent} ${recipe.dataset.tags}`.toLowerCase();
+      const searchString = `${recipe.textContent} ${recipe.dataset.tags}`.toLowerCase().normalize('NFD').replace(/\p{Diacritic}/gu, "");
       const isMatch = searchTerms.every(term => searchString.includes(term));
 
       recipe.hidden = !isMatch;

content/kettlecorn.md

@@ -0,0 +1,30 @@
+---
+title: Kettle Corn
+tags: ['snack', 'sweet', 'quick']
+date: 2022-07-02
+author: "MMOOBB"
+---
+
+![Kettle Corn](/pix/kettlecorn.webp "Kettle Corn made with brown sugar")
+
+Recipe can be expanded or contracted to your needs. I personally divide the recipe in half to fit my 2 quart saucepan (recipe calls for a 3 quart). I recommend using Orville Redenbacher's popcorn kernels, as they are specifically formulated to pop consistently. Follow these directions precisely, and I will guarantee you will have no burnt or unpopped kernels.
+
+- ⏲️ Prep time: 2 min
+- 🍳 Cook time: 5 min
+- 🍽️ Serving 14
+
+## Ingredients
+
+- 2 tablespoons vegetable oil, or oil of your choice
+- 1/4 cup of popcorn kernels
+- 2 tablespoons of sugar (brown sugar works too)
+- salt to taste
+
+## Directions
+
+1. Add oil into your saucepan and 3 popcorn kernels.
+2. Cover with lid and set stove to medium-high heat.
+3. Once all 3 kernels pop, add in the rest of your kernels and shake to coat in oil. Pour sugar directly onto the kernels.
+4. Shake the pot for 3 seconds, rest for 3 seconds, and repeat till the kernels start to pop steadily. Depending on your stove, you may need to lift the pot to shake.
+5. Once kernels start popping, shake pot every 1-2 seconds.
+6. **Important**. Once you no longer hear pops for about 3 seconds, immediately transfer into a bowl to avoid burning.

static/style.css

@@ -37,14 +37,15 @@ a {
 	margin: .1em .25em ;
 }
 
-a:hover {
-	color: beige ;
-}
-
 a:visited {
 	color: darkgoldenrod ;
 }
 
+a:hover {
+	color: beige ;
+	text-decoration: underline;
+}
+
 h1 {
 	border-style: solid ;
 	border-width: 0px 0px 2px 0px ;
@@ -172,7 +173,7 @@ button#clear-search:hover {
 
 .matched-recipe {
 	font-size: x-large ;
-	display: block !important ;
+	display: list-item !important ;
 }
 
 .list-searched {