diff --git a/html/search.ejs b/html/search.ejs index 98a5d2b9..84781f99 100644 --- a/html/search.ejs +++ b/html/search.ejs @@ -68,7 +68,40 @@ summary:hover{ .info > div { font-family:Ubuntu, sans-serif; } - + #fetch-spinner { + position: fixed; + top: 10px; + right: 10px; + z-index: 9999; + width: 20px; + height: 20px; + border-radius: 50%; + border-top: 2px solid #fff; + border-right: 2px solid #fff; + animation: spin 0.8s linear infinite; +} + +@keyframes spin { + to { + transform: rotate(360deg); + } +} + +#fetch-text { + position: fixed; + top: 10px; + right: 40px; + color: #fff; + font-weight: bold; + text-transform: uppercase; + z-index: 9999; + +} + +.hide { + display: none; +} + .app{ /* background-image:url("/css/head.svg"); */ background-size: cover; @@ -178,6 +211,8 @@ border:solid; .tabs a.tab:hover { color: #3cb4fa; } + + .tabs a.tab:after { transition: all 0.3s cubic-bezier(1, 0, 0, 1); will-change: transform, box-shadow, opacity; @@ -570,33 +605,7 @@ function toggleAudio() { localStorage.setItem("audioToggled", false); // save that audio is not toggled } } - - -const urls = document.querySelectorAll('a[href*="/watch?v="]'); // get all links with "/watch?v=" in href attribute - -urls.forEach(link => { - const url = new URL(link.href); - - if (url.host !== 'www.youtube.com' && url.host !== 'youtube.com') { - console.log(`Fetching ${url.origin}`); - - fetch(url.href) - .then(response => { - if (response.status === 500) { - // do nothing - } - console.log(`Fetched ${url.origin}`); - // Do something with the response - }) - .catch(error => { - // Ignore network errors - if (!(error instanceof TypeError && error.message.includes('Failed to fetch'))) { - console.error(`Error fetching ${url.origin}: ${error}`); - } - }); - } -}); - + if (audioToggled === null || audioToggled === undefined) {