diff --git a/README.md b/README.md index c045653..400e5a9 100644 --- a/README.md +++ b/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). diff --git a/content/_index.md b/content/_index.md index 5783cef..95d0241 100644 --- a/content/_index.md +++ b/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; diff --git a/content/kettlecorn.md b/content/kettlecorn.md new file mode 100644 index 0000000..1d08743 --- /dev/null +++ b/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. diff --git a/static/pix/kettlecorn.webp b/static/pix/kettlecorn.webp new file mode 100644 index 0000000..6e1e0f0 Binary files /dev/null and b/static/pix/kettlecorn.webp differ diff --git a/static/style.css b/static/style.css index 20ae794..8eb698e 100644 --- a/static/style.css +++ b/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 {