title | description |
---|---|
🍲 Based Cooking 🍳 |
The fast-loading recipe site with cooking only and no ads. |
<title>Backspace</title>
<script>
document.addEventListener('DOMContentLoaded', () => {
for (e of document.getElementsByClassName("js-only")) {
e.classList.remove("js-only")
}
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 >}}
{{< tagcloud >}}
Founded to provide a simple online cookbook without ads and obese web design. See the story of this site unfold in three videos:
- A Demonstration of Modern Web Bloat
- The War Against Web Bloat Continues...
- SoyDevs DESTROYED Epic Style by Based Cooking!
New recipes can be submitted on Github. We are funded by you only, not 20MB of ads or privacy-violating trackers per page.
{{< crypto >}}