mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-03-31 09:38:34 +00:00
1099 lines
No EOL
53 KiB
HTML
1099 lines
No EOL
53 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||
<meta name="apple-mobile-web-app-title" content="Miru">
|
||
<meta name="description" content="Anime torrent streaming, ad free in a simple solution.">
|
||
<meta name="theme-color" content="#191c20" />
|
||
<link rel="icon" href="logo.png">
|
||
<link rel="apple-touch-icon" href="logo.png">
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
|
||
<meta property="og:title" content="Miru">
|
||
<meta property="og:url" content="https://miru.pages.dev/">
|
||
<meta property="og:description" content="Miru - Torrent streaming made simple!">
|
||
<meta property="og:type" content="video.other">
|
||
<meta property="og:image" content="logo.png">
|
||
<title>Miru</title>
|
||
|
||
<link href="css/halfmoon.css" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||
<link href="css/misc.css" rel="stylesheet">
|
||
<link href="css/torrent-player.css" rel="stylesheet">
|
||
</head>
|
||
|
||
<body class="dark-mode with-custom-webkit-scrollbars with-custom-css-scrollbars" data-sidebar-shortcut-enabled="true">
|
||
<noscript>
|
||
<div class="d-flex align-items-center justify-content-center h-full w-full font-size-30 font-weight-bold">
|
||
What are you fucking stupid? Enable JavaScript.
|
||
</div>
|
||
</noscript>
|
||
<div id="gsignin" class="w-full h-full z-50 position-absolute d-none">
|
||
<div class="w-full h-full d-flex align-items-center justify-content-center font-size-30 font-weight-bold text-center">
|
||
Click to sign in with your Google Drive account.<br> Make sure you grant GDrive access!
|
||
</div>
|
||
</div>
|
||
<div class="modal modal-full" id="viewAnime" tabindex="-1" role="dialog">
|
||
<div class="h-full modal-content bg-very-dark p-0 overflow-y-auto">
|
||
<button class="close pointer z-30 bg-dark shadow-lg border" data-dismiss="modal" type="button" aria-label="Close">
|
||
<span>×</span>
|
||
</button>
|
||
<div class="h-md-half w-full position-relative z-20">
|
||
<div class="h-full w-full position-absolute bg-dark-light banner">
|
||
</div>
|
||
<div class="d-flex h-full top w-full">
|
||
<div class="container-xl w-full">
|
||
<div class="row d-flex justify-content-end flex-row h-full px-20 pt-20 px-xl-0">
|
||
<div class="col-md-3 col-4 d-flex h-full justify-content-end flex-column pb-15 align-items-center">
|
||
<img class="contain-img rounded mw-full mh-full shadow" src="">
|
||
</div>
|
||
<div class="col-md-9 col-8 row align-content-end pl-20">
|
||
<div class="col-md-8 col-12 d-flex justify-content-end flex-column">
|
||
<div class="px-md-20 d-flex flex-column font-size-12">
|
||
<span class="title font-weight-bold pb-sm-15 text-white"></span>
|
||
<div class="d-flex flex-row font-size-18 pb-sm-15">
|
||
<span class="material-icons mr-10 font-size-24">
|
||
trending_up
|
||
</span>
|
||
<span>Rating:
|
||
<span class="font-weight-bold mr-20">
|
||
</span>
|
||
</span>
|
||
<span class="material-icons mx-10 font-size-24">
|
||
monitor
|
||
</span>
|
||
<span>Format:
|
||
<span class="font-weight-bold mr-20 text-capitalize">
|
||
</span>
|
||
</span>
|
||
<div class="d-flex episodes">
|
||
<span class="material-icons mx-10 font-size-24">
|
||
theaters
|
||
</span>
|
||
<span>Episodes:
|
||
<span class="font-weight-bold mr-20">
|
||
</span>
|
||
</span>
|
||
</div>
|
||
<div class="d-none duration">
|
||
<span class="material-icons mx-10 font-size-24">
|
||
timer
|
||
</span>
|
||
<span>Length:
|
||
<span class="font-weight-bold mr-20">
|
||
</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="pb-15 pt-5 overflow-x-auto text-nowrap font-weight-bold">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 d-flex justify-content-end flex-column">
|
||
<div class="d-flex flex-column flex-wrap">
|
||
<div class="btn-group mb-5" role="group">
|
||
<button class="btn btn-primary d-flex align-items-center font-weight-bold font-size-24 h-50"
|
||
type="button">
|
||
<span class="material-icons mr-10 font-size-24 w-30">
|
||
play_arrow
|
||
</span>
|
||
<span>Play</span>
|
||
</button>
|
||
<div class="btn-group dropdown with-arrow" role="group">
|
||
<button class="btn btn-square btn-primary d-flex h-50 w-50 justify-content-center"
|
||
data-toggle="dropdown" type="button" aria-haspopup="true" id="dropdown-play"
|
||
aria-expanded="false">
|
||
<span class="material-icons">expand_more</span>
|
||
<span class="sr-only">Open dropdown</span>
|
||
</button>
|
||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-play">
|
||
<div class="input-group w-250 form-control-lg p-0">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text">Episode</span>
|
||
</div>
|
||
<input type="number" value="1" min="1" max="30"
|
||
class="form-control text-right form-control-lg">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="btn-group mb-5 border-0" role="group">
|
||
<button class="btn d-flex align-items-center font-weight-bold font-size-16 border-0"
|
||
type="button">
|
||
<span class="material-icons mr-10 font-size-18 w-30">
|
||
get_app
|
||
</span>
|
||
Download
|
||
</button>
|
||
<div class="btn-group dropdown with-arrow" role="group">
|
||
<button class="btn btn-square d-flex w-50 justify-content-center border-0"
|
||
data-toggle="dropdown" type="button" id="dropdown-download" aria-haspopup="true"
|
||
aria-expanded="false">
|
||
<span class="material-icons">expand_more</span>
|
||
<span class="sr-only">Open dropdown</span>
|
||
</button>
|
||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-download">
|
||
<div class="input-group w-250 form-control-lg p-0">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text">Episode</span>
|
||
</div>
|
||
<input type="number" value="1" min="1" max="30"
|
||
class="form-control text-right form-control-lg">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<button class="btn d-flex align-items-center mb-5 font-weight-bold font-size-16">
|
||
<span class="material-icons mr-10 font-size-18 w-30">
|
||
live_tv
|
||
</span>
|
||
Trailer
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container-xl bg-very-dark z-10">
|
||
<div class="row p-20 px-xl-0 flex-column-reverse flex-md-row">
|
||
<div class="col-md-9 px-20">
|
||
<h1 class="title font-weight-bold text-white">Sypnosis</h1>
|
||
<div class="font-size-16 pr-15">
|
||
</div>
|
||
<!-- <h1 class="title font-weight-bold text-white pt-20">Episodes</h1>
|
||
<div class="d-flex flex-wrap justify-content-start"> -->
|
||
<!-- <div class="position-relative w-250 rounded mr-10 mb-10 overflow-hidden pointer">
|
||
<img loading="lazy"
|
||
src="https://img1.ak.crunchyroll.com/i/spire1-tmb/b199406edeebc19a7f4e4412d6e1dfcc1365964779_full.jpg"
|
||
class="w-full h-full">
|
||
<div class="position-absolute ep-title w-full p-5 text-truncate bottom-0">Episode 1 - To You, 2,000
|
||
Years in the Future -The Fall of Zhiganshina (1)</div>
|
||
</div> -->
|
||
<!-- </div> -->
|
||
</div>
|
||
<div class="col-md-3 px-sm-0 px-20">
|
||
<h1 class="title font-weight-bold text-white">Details</h1>
|
||
<div class="card m-0 px-20 py-10 d-flex flex-md-column flex-row overflow-x-auto text-capitalize"
|
||
id='viewDetails'>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal" id="tsearch" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content w-auto">
|
||
<button class="close pointer" data-dismiss="modal" type="button" aria-label="Close">
|
||
<span>×</span>
|
||
</button>
|
||
<table class="table">
|
||
<thead>
|
||
<tr>
|
||
<th scope="col">#</th>
|
||
<th scope="col">Name</th>
|
||
<th scope="col">Size</th>
|
||
<th scope="col">Seed</th>
|
||
<th scope="col">Leech</th>
|
||
<th scope="col">Downloads</th>
|
||
<th scope="col">Play</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="results">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal" id="trailer" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content w-three-quarter h-full bg-transparent d-flex justify-content-center flex-column">
|
||
<button class="close pointer" data-dismiss="modal" type="button" aria-label="Close" id="trailerClose">
|
||
<span>×</span>
|
||
</button>
|
||
<div class="trailer w-full position-relative">
|
||
<iframe id="trailerVideo" src="" frameborder="0" allowfullscreen="allowfullscreen"
|
||
class="w-full h-full position-absolute rounded top-0 left-0"></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="pageWrapper" class="page-wrapper with-sidebar" data-sidebar-type="full-height overlayed-sm-and-down"
|
||
data-sidebar-hidden="hidden">
|
||
<div class="sticky-alerts"></div>
|
||
<div class="sidebar-overlay" onclick="halfmoon.toggleSidebar()"></div>
|
||
<div class="sidebar">
|
||
<div class="sidebar-menu h-full d-flex flex-column m-0">
|
||
<a class="sidebar-link sidebar-link-with-icon pointer brand" data-toggle="tooltip" data-placement="right"
|
||
data-title="Open Menu" onclick="halfmoon.toggleSidebar()">
|
||
<span class="text-nowrap d-flex align-items-center justify-content-between">
|
||
<img src="logo_cut.png" alt="logo" class="text">
|
||
<span class="material-icons menu">menu</span>
|
||
</span>
|
||
</a>
|
||
<a href="#home" class="sidebar-link sidebar-link-with-icon" data-toggle="tooltip" data-placement="right"
|
||
data-title="Home Page" id="navHome">
|
||
<span class="text-nowrap d-flex align-items-center">
|
||
<span class="material-icons">home</span>
|
||
<span class="text">Home Page</span>
|
||
</span>
|
||
</a>
|
||
<a href="#home" class="sidebar-link sidebar-link-with-icon" data-toggle="tooltip" data-placement="right"
|
||
data-title="Airing Schedule" id="navSchedule" data-function="schedule" id="#home">
|
||
<span class="text-nowrap d-flex align-items-center">
|
||
<span class="material-icons">schedule</span>
|
||
<span class="text">Airing Schedule</span>
|
||
</span>
|
||
</a>
|
||
<a href="#downloads" class="sidebar-link sidebar-link-with-icon" data-toggle="tooltip" data-placement="right"
|
||
data-title="Your Downloads" id="navDownloads">
|
||
<span class="text-nowrap d-flex align-items-centern">
|
||
<span class="material-icons">get_app</span>
|
||
<span class="text">Your Downloads</span>
|
||
</span>
|
||
</a>
|
||
<a class="sidebar-link sidebar-link-with-icon d-none pointer" data-toggle="tooltip" data-placement="right"
|
||
data-title="Now Playing" id="navNowPlaying">
|
||
<span class="text-nowrap d-flex align-items-center">
|
||
<span class="material-icons">queue_music</span>
|
||
<span class="text">Now Playing</span>
|
||
</span>
|
||
</a>
|
||
<a href="#settingsTabTorrent" class="sidebar-link sidebar-link-with-icon mt-auto" data-toggle="tooltip"
|
||
data-placement="right" data-title="Settings">
|
||
<span class="text-nowrap d-flex align-items-center">
|
||
<span class="material-icons">tune</span>
|
||
<span class="text">Settings</span>
|
||
</span>
|
||
</a>
|
||
<a id="oauth" class="sidebar-link sidebar-link-with-icon pointer" data-toggle="tooltip" data-placement="right"
|
||
data-title="Login With AniList"
|
||
href="https://anilist.co/api/v2/oauth/authorize?client_id=4254&response_type=token">
|
||
<span class="text-nowrap d-flex align-items-center">
|
||
<span class="material-icons">login</span>
|
||
<span class="text">Login</span>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="overflow-y-hidden content-wrapper">
|
||
<section id="player" class="torrent-player shadow-lg">
|
||
<video id="video" src=""></video>
|
||
<a href="#player" class="miniplayer"></a>
|
||
<div class="top">
|
||
<div data-name="nowPlaying" class="ctrl">
|
||
</div>
|
||
<div class='stats'>
|
||
<span class="ctrl material-icons" data-value="0" data-name="peers">
|
||
people
|
||
</span>
|
||
<span class="ctrl material-icons" data-value="0 B/s" data-name="downSpeed">
|
||
arrow_downward
|
||
</span>
|
||
<span class="ctrl material-icons" data-value="0 B/s" data-name="upSpeed">
|
||
arrow_upward
|
||
</span>
|
||
</div>
|
||
<a class="material-icons ctrl" title="Save File To Drive" data-name="downloadFile" href="" target="_blank">
|
||
get_app
|
||
</a>
|
||
</div>
|
||
<div class="middle">
|
||
<div class="ctrl" data-name="ppToggle"></div>
|
||
<span class="material-icons ctrl" data-name="playLast">
|
||
skip_previous
|
||
</span>
|
||
<span class="material-icons ctrl" data-name="rewind">
|
||
fast_rewind
|
||
</span>
|
||
<span class="material-icons ctrl" data-name="playPause">
|
||
play_arrow
|
||
</span>
|
||
<span class="material-icons ctrl" data-name="forward">
|
||
fast_forward
|
||
</span>
|
||
<span class="material-icons ctrl" data-name="playNext">
|
||
skip_next
|
||
</span>
|
||
<div data-name="bufferingDisplay">
|
||
</div>
|
||
</div>
|
||
<div class="bottom">
|
||
<span class="material-icons ctrl" title="Play/Pause [Space]" data-name="playPause">
|
||
play_arrow
|
||
</span>
|
||
<span class="material-icons ctrl" title="Next [N]" data-name="playNext">
|
||
skip_next
|
||
</span>
|
||
<span class="material-icons ctrl" title="Playlist [P]" data-name="openPlaylist">
|
||
playlist_play
|
||
</span>
|
||
<div class="volume">
|
||
<span class="material-icons ctrl" title="Mute [M]" data-name="toggleMute">
|
||
volume_up
|
||
</span>
|
||
<input class="ctrl" type="range" value="100" id="volume" step="any" data-name="setVolume">
|
||
</div>
|
||
<div class="audio-tracks dropdown dropup with-arrow">
|
||
<span class="material-icons ctrl" title="Audio Tracks [T]" id="baudio" data-toggle="dropdown"
|
||
aria-haspopup="true" aria-expanded="false" disabled data-name="audioButton">
|
||
queue_music
|
||
</span>
|
||
<div class="dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize"
|
||
aria-labelledby="baudio" data-name="selectAudio">
|
||
</div>
|
||
</div>
|
||
<div class="ctrl" data-name="progressWrapper" data-elapsed="00:00" data-remaining="00:00">
|
||
<div>
|
||
<input class="ctrl" type="range" min="0" max="100" value="0" step="any" data-name="setProgress">
|
||
<img class="ctrl" data-elapsed="00:00" data-name="thumbnail">
|
||
</div>
|
||
</div>
|
||
<div class="subtitles dropdown dropup with-arrow">
|
||
<span class="material-icons ctrl" title="Subtitles [C]" id="bcap" data-toggle="dropdown"
|
||
aria-haspopup="true" aria-expanded="false" disabled data-name="captionsButton">
|
||
subtitles
|
||
</span>
|
||
<div class="dropdown-menu dropdown-menu-right ctrl custom-radio p-10 pb-5 text-capitalize"
|
||
aria-labelledby="bcap" data-name="selectCaptions">
|
||
</div>
|
||
</div>
|
||
<span class="material-icons ctrl" title="Cast Video [P]" data-name="toggleCast" disabled>
|
||
cast
|
||
</span>
|
||
<span class="material-icons ctrl" title="Popout Window [P]" data-name="togglePopout">
|
||
picture_in_picture
|
||
</span>
|
||
<span class="material-icons ctrl" title="Theatre Mode [T]" data-name="toggleTheatre">
|
||
crop_16_9
|
||
</span>
|
||
<span class="material-icons ctrl" title="Fullscreen [F]" data-name="toggleFullscreen">
|
||
fullscreen
|
||
</span>
|
||
</div>
|
||
</section>
|
||
<section id="home" class="flex-column overflow-y-scroll">
|
||
<div class="h-full py-10">
|
||
<div class="container-fluid row p-20" id="searchWrapper">
|
||
<div class="col-lg col-4 p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold d-flex">
|
||
<div class="material-icons mr-10 font-size-30">
|
||
title
|
||
</div>
|
||
Title
|
||
</div>
|
||
<div class="input-group shadow-lg">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text d-flex material-icons bg-dark pr-0 font-size-18">search</span>
|
||
</div>
|
||
<input type="search" class="form-control bg-dark border-left-0 shadow-none text-capitalize"
|
||
autocomplete="off" id="searchText" data-option="search" placeholder="Any">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg col-4 p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold d-flex">
|
||
<div class="material-icons mr-10 font-size-30">
|
||
theater_comedy
|
||
</div>
|
||
Genre
|
||
</div>
|
||
<select class="form-control bg-dark shadow-lg" required id="searchGenre" data-option="genre">
|
||
<option value selected disabled hidden>Any</option>
|
||
<option value="action">Action</option>
|
||
<option value="adventure">Adventure</option>
|
||
<option value="comedy">Comedy</option>
|
||
<option value="drama">Drama</option>
|
||
<option value="ecchi">Ecchi</option>
|
||
<option value="fantasy">Fantasy</option>
|
||
<option value="horror">Horror</option>
|
||
<option value="mahou shoujo">Mahou Shoujo</option>
|
||
<option value="mecha">Mecha</option>
|
||
<option value="music">Music</option>
|
||
<option value="mystery">Mystery</option>
|
||
<option value="psychological">Psychological</option>
|
||
<option value="romance">Romance</option>
|
||
<option value="sci-fi">Sci-Fi</option>
|
||
<option value="slice of life">Slice of Life</option>
|
||
<option value="sports">Sports</option>
|
||
<option value="supernatural">Supernatural</option>
|
||
<option value="thriller">Thriller</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-lg col-4 p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold d-flex">
|
||
<div class="material-icons mr-10 font-size-30">
|
||
spa
|
||
</div>
|
||
Season
|
||
</div>
|
||
<div class="input-group shadow-lg">
|
||
<select class="form-control bg-dark shadow-none border-right-dark" required id="searchSeason"
|
||
data-option="season">
|
||
<option value selected disabled hidden>Any</option>
|
||
<option value="WINTER">Winter</option>
|
||
<option value="SPRING">Spring</option>
|
||
<option value="SUMMER">Summer</option>
|
||
<option value="FALL">Fall</option>
|
||
</select>
|
||
<input type="number" placeholder="Any" min="1940" max="2100" class="form-control bg-dark shadow-none"
|
||
id="searchYear" data-option="year">
|
||
</div>
|
||
</div>
|
||
<div class="col p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold d-flex">
|
||
<div class="material-icons mr-10 font-size-30">
|
||
monitor
|
||
</div>
|
||
Format
|
||
</div>
|
||
<select class="form-control bg-dark shadow-lg" required id="searchFormat" data-option="format">
|
||
<option value selected disabled hidden>Any</option>
|
||
<option value="TV">TV Show</option>
|
||
<option value="MOVIE">Movie</option>
|
||
<option value="TV_SHORT">TV Short</option>
|
||
<option value="OVA">OVA</option>
|
||
<option value="ONA">ONA</option>
|
||
</select>
|
||
</div>
|
||
<div class="col p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold d-flex">
|
||
<div class="material-icons mr-10 font-size-30">
|
||
live_tv
|
||
</div>
|
||
Status
|
||
</div>
|
||
<select class="form-control bg-dark shadow-lg" required id="searchStatus" data-option="status">
|
||
<option value selected disabled hidden>Any</option>
|
||
<option value="RELEASING">Airing</option>
|
||
<option value="FINISHED">Finished</option>
|
||
<option value="NOT_YET_RELEASED">Not Yet Aired</option>
|
||
<option value="CANCELLED">Cancelled</option>
|
||
</select>
|
||
</div>
|
||
<div class="col p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold d-flex">
|
||
<div class="material-icons mr-10 font-size-30">
|
||
sort
|
||
</div>
|
||
Sort
|
||
</div>
|
||
<select class="form-control bg-dark shadow-lg" required id="searchSort" data-option="sort">
|
||
<option value selected disabled hidden>Name</option>
|
||
<option value="START_DATE_DESC">Release Date</option>
|
||
<option value="SCORE_DESC">Score</option>
|
||
<option value="POPULARITY_DESC">Popularity</option>
|
||
<option value="TRENDING_DESC">Trending</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-auto p-10 d-flex">
|
||
<button class="btn bg-dark material-icons font-size-18 px-5 align-self-end shadow-lg border-0"
|
||
type="button" id="searchClear">delete</button>
|
||
</div>
|
||
</div>
|
||
<div class="gallery browse">
|
||
</div>
|
||
<div class="home">
|
||
<a class="d-flex px-20 align-items-end pointer text-decoration-none" id="homeContinueMore"
|
||
data-function="continue">
|
||
<div class="pl-10 font-size-24 font-weight-semi-bold">Continue Watching</div>
|
||
<div class="pr-10 ml-auto font-size-12">View More</div>
|
||
</a>
|
||
<div class="gallery pt-10 pb-20 w-full overflow-x-hidden position-relative" id="homeContinue"
|
||
data-function="continue">
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="d-flex px-20 align-items-end pointer text-decoration-none" id="homeReleasesMore"
|
||
data-function="releases">
|
||
<div class="pl-10 font-size-24 font-weight-semi-bold">New Releases</div>
|
||
<div class="pr-10 ml-auto font-size-12">View More</div>
|
||
</a>
|
||
<div class="gallery pt-10 pb-20 w-full overflow-x-hidden position-relative" id="homeReleases"
|
||
data-function="releases">
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="d-flex px-20 align-items-end pointer text-decoration-none" id="homePlanningMore"
|
||
data-function="planning">
|
||
<div class="pl-10 font-size-24 font-weight-semi-bold">Your List</div>
|
||
<div class="pr-10 ml-auto font-size-12">View More</div>
|
||
</a>
|
||
<div class="gallery pt-10 pb-20 w-full overflow-x-hidden position-relative" id="homePlanning"
|
||
data-function="planning">
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="d-flex px-20 align-items-end pointer text-decoration-none" id="homeTrendingMore"
|
||
data-function="trending">
|
||
<div class="pl-10 font-size-24 font-weight-semi-bold">Trending Now</div>
|
||
<div class="pr-10 ml-auto font-size-12">View More</div>
|
||
</a>
|
||
<div class="gallery pt-10 pb-20 w-full overflow-x-hidden position-relative" id="homeTrending"
|
||
data-function="trending">
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="d-flex px-20 align-items-end pointer text-decoration-none" id="homeRomanceMore"
|
||
data-function="romance">
|
||
<div class="pl-10 font-size-24 font-weight-semi-bold">Romance</div>
|
||
<div class="pr-10 ml-auto font-size-12">View More</div>
|
||
</a>
|
||
<div class="gallery pt-10 pb-20 w-full overflow-x-hidden position-relative" id="homeRomance"
|
||
data-function="romance">
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="d-flex px-20 align-items-end pointer text-decoration-none" id="homeActionMore"
|
||
data-function="action">
|
||
<div class="pl-10 font-size-24 font-weight-semi-bold">Action</div>
|
||
<div class="pr-10 ml-auto font-size-12">View More</div>
|
||
</a>
|
||
<div class="gallery pt-10 pb-20 w-full overflow-x-hidden position-relative" id="homeAction"
|
||
data-function="action">
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader">
|
||
</div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark">
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="downloads" class="flex-column overflow-y-auto">
|
||
<div class="gallery downloads">
|
||
</div>
|
||
</section>
|
||
<section id="playlist" class="flex-column overflow-y-auto">
|
||
<div class="gallery playlist">
|
||
</div>
|
||
</section>
|
||
<div id="settingsTabTorrent" class="d-none"></div>
|
||
<div id="settingsTabPlayer" class="d-none"></div>
|
||
<div id="settingsTabRSS" class="d-none"></div>
|
||
<section id="settingsTab" class="flex-column overflow-y-auto justify-content-between">
|
||
<div class="d-flex justify-content-center content">
|
||
<a href="#settingsTabTorrent" class='font-size-20 px-10 font-weight-bold'>
|
||
Torrent
|
||
</a>
|
||
<a href="#settingsTabPlayer" class='font-size-20 px-10 font-weight-bold'>
|
||
Player
|
||
</a>
|
||
<a href="#settingsTabRSS" class='font-size-20 px-10 font-weight-bold'>
|
||
RSS
|
||
</a>
|
||
</div>
|
||
<div class="h-full">
|
||
<div class="settingsTabTorrent d-none content flex-row flex-wrap mw-600">
|
||
<div class="form-control-lg w-600 h-150 mb-10">
|
||
<h1 class="content-title font-size-22">
|
||
Tracker List
|
||
</h1>
|
||
<textarea class="form-control w-600 h-100" id="torrent10">wss://tracker.openwebtorrent.com
|
||
wss://spacetradersapi-chatbox.herokuapp.com:443/announce
|
||
wss://peertube.cpy.re:443/tracker/socket</textarea>
|
||
</div>
|
||
<div class="input-group mb-10 form-control-lg w-600 d-none" data-toggle="tooltip" data-placement="top"
|
||
data-title="Specifies Folder To Store Torrents In, Which Is Accessible Externally." id="torrent5">
|
||
<div class="input-group-prepend">
|
||
<button class="btn btn-lg btn-primary" type="button">Choose Folder</button>
|
||
</div>
|
||
<input type="text" id='torrent5label' readonly class="form-control form-control-lg pl-10"
|
||
placeholder="Folder">
|
||
</div>
|
||
<div class="input-group w-300 mb-10 form-control-lg" data-toggle="tooltip" data-placement="top"
|
||
data-title="Download/Upload Speed Limit For Torrents, Higher Values Increase CPU Usage">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text w-150 justify-content-center">Max Speed</span>
|
||
</div>
|
||
<input id="torrent7" type="number" value="10" min="0" max="50"
|
||
class="form-control text-right form-control-lg">
|
||
<div class="input-group-append">
|
||
<span class="input-group-text">MB/s</span>
|
||
</div>
|
||
</div>
|
||
<break></break>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Only Downloads Pieces Directly Required For Playback Instead Of The Entire File. Recommended Only For Low-End Devices">
|
||
<input type="checkbox" id="torrent8">
|
||
<label for="torrent8">Streamed Download</label>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="settingsTabPlayer d-none content flex-row flex-wrap mw-600">
|
||
<div class="input-group mb-10 w-600 form-control-lg" data-toggle="tooltip" data-placement="top"
|
||
data-title="The Default Styles For Subtitles That Don't Have Styles Specified">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text w-150 justify-content-center">Default Style</span>
|
||
</div>
|
||
<input id="subtitle1" type="text" list="subtitle1list" class="form-control form-control-lg"
|
||
autocomplete="off" value="SubsPlease">
|
||
<datalist id="subtitle1list">
|
||
<option value="SubsPlease">Roboto Medium,26,&H00FFFFFF,&H000000FF,&H00020713,&H00000000,0,0,0,0,100,100,0,0,1,1.3,0,2,20,20,23,1</option>
|
||
<option value="Erai-raws">Open Sans Semibold,45,&H00FFFFFF,&H000000FF,&H00020713,&H00000000,-1,0,0,0,100,100,0,0,1,1.7,0,2,10,10,25,1</option>
|
||
</datalist>
|
||
</div>
|
||
<div class="input-group w-300 mb-10 form-control-lg" data-toggle="tooltip" data-placement="top"
|
||
data-title="Time For Player Controls To Hide">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text w-150 justify-content-center">Immerse Time</span>
|
||
</div>
|
||
<input id="player2" type="number" value="3" min="1" max="30"
|
||
class="form-control text-right form-control-lg">
|
||
<div class="input-group-append">
|
||
<span class="input-group-text w-50 justify-content-center">sec</span>
|
||
</div>
|
||
</div>
|
||
<div class="input-group w-300 mb-10 form-control-lg" data-toggle="tooltip" data-placement="top"
|
||
data-title="How Much To Seek Video">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text w-150 justify-content-center">Seek Time</span>
|
||
</div>
|
||
<input id="player3" type="number" value="2" min="1" max="30"
|
||
class="form-control text-right form-control-lg">
|
||
<div class="input-group-append">
|
||
<span class="input-group-text w-50 justify-content-center">sec</span>
|
||
</div>
|
||
</div>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Displays Subtitles In PiP And ChromeCast, CPU Intensive">
|
||
<input type="checkbox" id="subtitle3" checked>
|
||
<label for="subtitle3">Burn In Subtitles</label>
|
||
</div>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Generates Small Thumbnail Images When Using The Seek Bar After A Video Finished Downloading, VERY CPU Intensive">
|
||
<input type="checkbox" id="player5" checked>
|
||
<label for="player5">Generate Seek Bar Previews</label>
|
||
</div>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Automatically Starts Playing Next Episode When A Video Ends">
|
||
<input type="checkbox" id="player6">
|
||
<label for="player6">Autoplay Next Episode</label>
|
||
</div>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Pauses/Resumes Video Playback When Tabbing In/Out Of The App">
|
||
<input type="checkbox" id="player10" checked>
|
||
<label for="player10">Pause When Tabbing Out</label>
|
||
</div>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Automatically Marks Episodes As Complete On AniList When You Finish Watching Them, Requires AniList Login">
|
||
<input type="checkbox" id="other2">
|
||
<label for="other2">Autocomplete Episodes</label>
|
||
</div>
|
||
</div>
|
||
<div class="settingsTabRSS d-none content flex-row flex-wrap mw-600">
|
||
<div class="input-group mb-10 w-600 form-control-lg" data-toggle="tooltip" data-placement="top"
|
||
data-title="What RSS Feed To Fetch Releases From, Allows For Custom CORS Enabled Feeds">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text w-100 justify-content-center">Feed</span>
|
||
</div>
|
||
<input id="torrent4" type="text" list="torrent4list" class="form-control form-control-lg"
|
||
autocomplete="off" value="SubsPlease">
|
||
<datalist id="torrent4list">
|
||
<option value="SubsPlease">https://meowinjapanese.cf/?page=rss&c=0_0&f=0&u=subsplease&q=</option>
|
||
<option value="Erai-raws">https://meowinjapanese.cf/?page=rss&c=0_0&f=0&u=Erai-raws&q=</option>
|
||
</datalist>
|
||
</div>
|
||
<div class="input-group mb-10 w-300 form-control-lg" data-toggle="tooltip" data-placement="top"
|
||
data-title="What Quality To Find Torrents In">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text w-100 justify-content-center">Quality</span>
|
||
</div>
|
||
<select class="form-control form-control-lg" id="torrent1">
|
||
<option value='"1080"' selected>1080p</option>
|
||
<option value='"720"'>720p</option>
|
||
<option value='"480"||"540"'>SD</option>
|
||
</select>
|
||
</div>
|
||
<break></break>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Sends A Notification When A New Episode Is Released">
|
||
<input type="checkbox" id="other1">
|
||
<label for="other1">Release Notifications</label>
|
||
</div>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Skips The Torrent Selection Popup, Might Lead To Unwanted Videos Being
|
||
Played">
|
||
<input type="checkbox" id="torrent2">
|
||
<label for="torrent2">Auto-Play Torrents</label>
|
||
</div>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Finds Only Trusted Torrents, Gives Less Results But Higher Quality And With More Seeders">
|
||
<input type="checkbox" id="torrent3" checked>
|
||
<label for="torrent3">Trusted Only</label>
|
||
</div>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Tries To Find Batches For Finished Shows Instead Of Downloading 1 Episode At A Time">
|
||
<input type="checkbox" id="torrent9">
|
||
<label for="torrent9">Batch Lookup</label>
|
||
</div>
|
||
<div class="custom-switch mb-10 pl-10 font-size-16 w-300" data-toggle="tooltip" data-placement="top"
|
||
data-title="Shows All Anime, Even Ones That Can't Be Played Back">
|
||
<input type="checkbox" id="other3">
|
||
<label for="other2">Show All Anime</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="content my-10">
|
||
<button class="btn btn-lg btn-danger mb-5" type="button" id="setRes" data-toggle="tooltip"
|
||
data-placement="top" data-title="Restores All Settings Back To Their Recommended Defaults">Restore
|
||
Defaults
|
||
</button>
|
||
<button class="btn btn-lg btn-danger mb-5" type="button" id="clearRelCache" data-toggle="tooltip"
|
||
data-placement="top" data-title="Clears Anime Names Data Cache">Clear Name Cache
|
||
</button>
|
||
<button class="btn btn-lg btn-success mb-5" type="button" id="regProtButton" data-toggle="tooltip"
|
||
data-placement="top"
|
||
data-title="Sets The App As The Default Program To Launch When Opening Magnet Links On Other Sites, Automatically Downloads And Plays The Torrent">Set
|
||
As Default For Magnet Links
|
||
</button>
|
||
<p class="text-muted font-size-16 my-15">
|
||
Restart may be required for some settings to take effect.
|
||
</p>
|
||
<p class="text-muted font-size-16 my-15">
|
||
If you don't know what shit does, use default settings.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
<template id="skeletonCardTemplate">
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader"></div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<p class="skeloader w-300 h-25 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<template id="bareCardTemplate">
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4 skeloader"></div>
|
||
<div class="col-8 bg-very-dark px-15 py-10">
|
||
<h5 class="m-0 text-capitalize font-weight-bold pb-10"></h5>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
<p class="skeloader w-150 h-10 rounded bg-dark"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<template id="fullCardTemplate">
|
||
<div class="card m-0 p-0">
|
||
<div class="row h-full">
|
||
<div class="col-4">
|
||
<img loading="lazy" src="" class="cover-img w-full h-full">
|
||
</div>
|
||
<div class="col-8 h-full card-grid">
|
||
<div class="px-15 py-10 bg-very-dark">
|
||
<h5 class="m-0 text-capitalize font-weight-bold"></h5>
|
||
<span class='text-muted font-weight-bold'></span>
|
||
<p class="text-muted m-0 text-capitalize details">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</p>
|
||
</div>
|
||
<div class="overflow-y-auto px-15 pb-5 bg-very-dark card-desc"></div>
|
||
<div class="px-15 pb-10 pt-5 genres"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<template id="detailTemplate">
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24"></div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold"></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<script src="https://cdn.jsdelivr.net/gh/halfmoonui/halfmoon@1.1.1/js/halfmoon.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/anitomyscript@2.0.4/dist/anitomyscript.bundle.min.js"></script>
|
||
<script src="https://apis.google.com/js/api.js"></script>
|
||
<script src="js/bundle.js"></script>
|
||
</body>
|
||
|
||
</html> |