diff --git a/app/css/misc.css b/app/css/misc.css index 8c0bc0e..76835e2 100644 --- a/app/css/misc.css +++ b/app/css/misc.css @@ -1,7 +1,3 @@ -:root{ - --tooltip-width: 250px; -} - .badge-color { background-color: var(--color) !important; border-color: var(--color) !important; @@ -70,8 +66,8 @@ .gallery { display: grid; - grid-template-columns: repeat(auto-fill, 520px); - grid-auto-rows: 280px; + grid-template-columns: repeat(auto-fill, 50rem); + grid-auto-rows: 27rem; justify-content: center; grid-gap: 2rem; padding: 2rem @@ -139,16 +135,41 @@ section:target { .trailer { padding-bottom: 56.25%; } -#episodes img{ + +#episodes img { max-height: 150px; } -#episodes > div{ + +#episodes>div { flex: none } -.ep-title{ + +.ep-title { background: rgba(31, 38, 49, 0.7); } +#search:focus { + box-shadow: none +} + +#pageWrapper { + transition: top .4s cubic-bezier(.25,.8,.25,1); +} +.nav-hidden > nav { + top: calc(-1* var(--navbar-height)) !important; +} +.nav-hidden > .content-wrapper { + top: 0 !important; + height: 100% !important; +} +.content-wrapper { + transition: top .4s cubic-bezier(.25,.8,.25,1); + transition-property: top, height; +} +nav { + transition: top .4s cubic-bezier(.25,.8,.25,1); +} + @keyframes load { from { left: -150px; diff --git a/app/css/player.css b/app/css/player.css index 3777b51..c3703f3 100644 --- a/app/css/player.css +++ b/app/css/player.css @@ -7,9 +7,9 @@ --height: 0; --download: 0%; color: #b6b6b6; - --sidebar-width: 19rem; --ts: ""; --miniplayer-display: flex; + --tooltip-width: 250px; } /* NAVBAR */ diff --git a/app/index.html b/app/index.html index 867aacf..dbcec91 100644 --- a/app/index.html +++ b/app/index.html @@ -6,7 +6,7 @@ - + @@ -109,37 +109,38 @@ -
+
- - - +
-
-
-
-
-
- -
- -
-
-
- diff --git a/app/js/animeHandler.js b/app/js/animeHandler.js index aeee767..2689931 100644 --- a/app/js/animeHandler.js +++ b/app/js/animeHandler.js @@ -2,11 +2,7 @@ function searchBox() { search.placeholder = search.value searchAnime(search.value) search.value = "" -} -window.onhashchange = e => { - if (document.location.hash === "#browse") { - search.focus(); - } + document.location.hash = "#browse" } async function alRequest(a, b) { let query, @@ -31,7 +27,7 @@ async function alRequest(a, b) { options.headers['Authorization'] = localStorage.getItem("ALtoken") } if (!a) { - search.placeholder = "Anime Name, Image Link or Direct Magnet Link, Torrent File, Hash" + search.placeholder = "Search" query = ` query ($page: Int, $perPage: Int, $sort: [MediaSort], $type: MediaType) { Page (page: $page, perPage: $perPage) { @@ -429,10 +425,6 @@ async function hsRss() { let frag = document.createDocumentFragment(), releases = document.querySelector(".releases"), url = settings.torrent4 == "https://miru.kirdow.com/request/?url=https://www.erai-raws.info/rss-" ? settings.torrent4 + settings.torrent1 + "-magnet" : settings.torrent4 + settings.torrent1 - relFeed.value = torrent4.options[torrent4.selectedIndex].text - relQual.value = torrent1.options[torrent1.selectedIndex].text - let time = new Date - relTime.value = time.toISOString().slice(11, -1).slice(0, -7) res = await fetch(url) await res.text().then(async (xmlTxt) => { try { @@ -471,9 +463,6 @@ async function hsRss() { localStorage.setItem("store", JSON.stringify(store)) } -refRel.onclick = () => - hsRss() - clearRelCache.onclick = () => { localStorage.removeItem("store") store = {} diff --git a/app/js/playerHandler.js b/app/js/playerHandler.js index c3b1d9b..68ca65e 100644 --- a/app/js/playerHandler.js +++ b/app/js/playerHandler.js @@ -331,7 +331,7 @@ if (!settings.player4) { // theathe mode function btntheatre() { - halfmoon.toggleSidebar(); + pageWrapper.classList.toggle("nav-hidden") } // fullscreen diff --git a/app/js/settingsHandler.js b/app/js/settingsHandler.js index a08fdb3..e19eced 100644 --- a/app/js/settingsHandler.js +++ b/app/js/settingsHandler.js @@ -66,4 +66,4 @@ player8.onclick = e => { torrent5.checked = false } -document.body.style.zoom = settings.other1 + "%" \ No newline at end of file +document.documentElement.style.setProperty("font-size", settings.other1 + "%") \ No newline at end of file diff --git a/app/js/torrentHandler.js b/app/js/torrentHandler.js index 402ccce..b2a3b9e 100644 --- a/app/js/torrentHandler.js +++ b/app/js/torrentHandler.js @@ -248,7 +248,7 @@ navigator.serviceWorker.addEventListener('message', evt => { }) function prettyBytes(num) { - var exponent, unit, neg = num < 0, units = ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] + let exponent, unit, neg = num < 0, units = ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] if (neg) num = -num if (num < 1) return (neg ? '-' : '') + num + ' B' exponent = Math.min(Math.floor(Math.log(num) / Math.log(1000)), units.length - 1) diff --git a/app/logo_cut.png b/app/logo_cut.png new file mode 100644 index 0000000..73c954a Binary files /dev/null and b/app/logo_cut.png differ diff --git a/index.html b/index.html index 656f48c..bd567aa 100644 --- a/index.html +++ b/index.html @@ -36,7 +36,7 @@ } - +
diff --git a/manifest.json b/manifest.json index 979978b..f47ea97 100644 --- a/manifest.json +++ b/manifest.json @@ -15,7 +15,7 @@ "icons": [ { "src": "/logo.png", - "sizes": "768x768", + "sizes": "512x512", "type": "image/png" } ],