random-mirrors/based.cooking
1
0
Fork 0
mirror of https://github.com/LukeSmithxyz/based.cooking.git synced 2025-02-01 21:46:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

no styling in noscript, fix #788

Browse Source
This commit is contained in:
Luke Smith 2022-06-23 21:19:50 -04:00
parent 9ae09f7045
commit 71c3eac725
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
content/_index.md
View File

@ -5,13 +5,7 @@ description: 'The fast-loading recipe site with cooking only and no ads.'
## What do you want to cook?
<noscript>
<style>
.search { display: none; }
</style>
</noscript>
<div class="search">
<div class="search js-only">
<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>
@ -20,6 +14,9 @@ description: 'The fast-loading recipe site with cooking only and no ads.'
<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')

2
static/style.css
View File

@ -270,3 +270,5 @@ button.clear-search:hover {
.qr {
max-height: 150px; ;
}
.js-only { display: none ; }