mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-04-14 12:00:24 +00:00
1197 lines
No EOL
59 KiB
HTML
1197 lines
No EOL
59 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://mirumoe.netlify.app/">
|
||
<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">
|
||
<style id="substyles">
|
||
</style>
|
||
</head>
|
||
|
||
<body class="dark-mode with-custom-webkit-scrollbars with-custom-css-scrollbars" data-sidebar-shortcut-enabled="true">
|
||
<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 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" 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 banner bg-dark-light"
|
||
style="background-image: linear-gradient(0deg, rgba(17,20,23,1) 0%, rgba(17,20,23,0.80) 25%, rgba(17,20,23,0.40) 50%, rgba(37,40,44,0) 100%), url('https://s4.anilist.co/file/anilistcdn/media/anime/banner/16498-8jpFCOcDmneX.jpg') !important">
|
||
</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 align-items-center">
|
||
<img class="contain-img rounded w-quarter w-full mb-15 shadow"
|
||
src="https://s4.anilist.co/file/anilistcdn/media/anime/cover/large/bx16498-m5ZMNtFioc7j.png">
|
||
</div>
|
||
<div class="col-md-9 col-8 row align-content-end">
|
||
<div class="col-md-8 col-12 d-flex justify-content-end flex-column">
|
||
<div class="px-md-20 ml-20 d-flex flex-column font-size-12">
|
||
<span class="title font-weight-bold pb-sm-15 text-white">Shingeki no Kyojin</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">85%</span></span>
|
||
<span class="material-icons mx-10 font-size-24">
|
||
monitor
|
||
</span>
|
||
<span>Format: <span class="font-weight-bold mr-20">TV</span></span>
|
||
<span class="material-icons mx-10 font-size-24">
|
||
theaters
|
||
</span>
|
||
<span>Episodes: <span class="font-weight-bold mr-20">25</span></span>
|
||
</div>
|
||
<div class="pb-15 pt-5 overflow-x-auto text-nowrap">
|
||
<span class="badge badge-pill badge-color mt-5 font-weight-bold shadow">Action</span>
|
||
<span class="badge badge-pill badge-color mt-5 font-weight-bold shadow">Drama</span>
|
||
<span class="badge badge-pill badge-color mt-5 font-weight-bold shadow">Fantasy</span>
|
||
<span class="badge badge-pill badge-color mt-5 font-weight-bold shadow">Mystery</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 d-flex justify-content-end flex-column pl-20 p-md-0">
|
||
<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>
|
||
Play
|
||
</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" id="dropdown-play" 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-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 id="play-episode" 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 id="download-episode" 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" type="button">
|
||
<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">
|
||
Several hundred years ago, humans were nearly exterminated by titans. Titans are typically several stories
|
||
tall, seem to have no intelligence, devour human beings and, worst of all, seem to do it for the pleasure
|
||
rather than as a food source. A small percentage of humanity survived by walling themselves in a city
|
||
protected by extremely high walls, even taller than the biggest of titans.<br><br> Flash forward to the
|
||
present and the city has not seen a titan in over 100 years. Teenage boy Eren and his foster sister Mikasa
|
||
witness something horrific as the city walls are destroyed by a colossal titan that appears out of thin
|
||
air. As the smaller titans flood the city, the two kids watch in horror as their mother is eaten alive.
|
||
Eren vows that he will murder every single titan and take revenge for all of mankind.<br><br> (Source:
|
||
MangaHelpers)
|
||
</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">
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
theater_comedy
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Genres</div>
|
||
<div>Action, Drama, Fantasy, Mystery</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
theaters
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Episodes</div>
|
||
<div>Watched <b>0</b> of <b>25</b></div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
timer
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Episode Length</div>
|
||
<div>24 mins</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
monitor
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Format</div>
|
||
<div>TV</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
live_tv
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Status</div>
|
||
<div>Finished</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
business
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Studios</div>
|
||
<div>Wit Studio</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
source
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Source</div>
|
||
<div>Manga</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
spa
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Season</div>
|
||
<div>Spring 2013</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
trending_up
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Rating</div>
|
||
<div>85%</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
title
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">English</div>
|
||
<div>Attack on Titan</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="material-icons mr-10 font-size-24">
|
||
translate
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Romaji</div>
|
||
<div>Shingeki no Kyojin</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-row px-10 py-5">
|
||
<div class="mr-10 font-size-12 font-weight-bold d-flex align-items-center text-nowrap">
|
||
日本
|
||
</div>
|
||
<div class="d-flex flex-column justify-content-center text-nowrap">
|
||
<div class="font-weight-bold">Native</div>
|
||
<div>進撃の巨人</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="modal modal-full bg-dark-light" id="view" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog bg-transparent" role="document">
|
||
<div class="h-full modal-content bg-transparent">
|
||
<button class="close pointer" data-dismiss="modal" type="button" aria-label="Close">
|
||
<span>×</span>
|
||
</button>
|
||
<div class="row">
|
||
<div class="col-md-2">
|
||
<img class="contain-img rounded w-full mb-15" src="" id="viewImg">
|
||
<div class="d-flex flex-column flex-wrap">
|
||
<button class="btn btn-primary d-flex align-items-end mb-5" type="button" id="viewPlay">
|
||
<span class="material-icons mr-10 font-size-20">
|
||
play_arrow
|
||
</span>
|
||
Play
|
||
</button>
|
||
<button class="btn d-flex align-items-end mb-5" type="button" id="viewTrailer">
|
||
<span class="material-icons mr-10 font-size-20">
|
||
theaters
|
||
</span>
|
||
Trailer
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-7 d-flex justify-content-end flex-column">
|
||
<div class="px-20 ml-20 d-flex flex-column font-size-12 text-muted">
|
||
<span class="title font-weight-bold font-size-24 text-white pb-5" id="viewTitle"></span>
|
||
<span id="viewSeason" class="text-capitalize"></span>
|
||
<span id="viewMediaInfo" class="text-capitalize"></span>
|
||
<p class="text-muted desc overflow-y-auto my-0 font-size-12 pt-20" id="viewDesc">
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="card m-0 py-5 font-size-12" id="viewDetails">
|
||
</div>
|
||
<div class="input-group mt-5" data-toggle="tooltip" data-placement="top"
|
||
data-title="Manually Add A Synonym To The Media, Case Sensitive">
|
||
<input type="text" class="form-control" placeholder="Add Synonym" id="viewSynonymText">
|
||
<div class="input-group-append">
|
||
<button class="btn btn-primary btn-square" type="button" id="viewSynonym">+</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="pt-20" id="viewEpisodesWrapper">
|
||
<span class="font-weight-bold font-size-22 text-white">Episodes</span>
|
||
<div id="episodes" class="pt-10 d-flex overflow-x-auto justify-content-start">
|
||
</div>
|
||
</div>
|
||
<div id="viewRelations" class="pt-20">
|
||
<span class="font-weight-bold font-size-22 text-white">Relations</span>
|
||
<div class="gallery gallery-sm" id="viewRelationsGallery">
|
||
</div>
|
||
</div>
|
||
</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">
|
||
<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="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-3 p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold">Title</div>
|
||
<div class="input-group">
|
||
<div class="input-group-prepend">
|
||
<span
|
||
class="input-group-text d-flex material-icons bg-dark text-muted pr-0 font-size-18">search</span>
|
||
</div>
|
||
<input type="text" class="form-control bg-dark border-left-0" autocomplete="off" id="searchText"
|
||
data-option="search" placeholder="Any">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg col-3 p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold">Genre</div>
|
||
<select class="form-control bg-dark" 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="maho 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-3 p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold">Year</div>
|
||
<input type="number" placeholder="Any" min="1940" max="2100" class="form-control bg-dark" id="searchYear"
|
||
data-option="year">
|
||
</div>
|
||
<div class="col-lg col-3 p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold">Season</div>
|
||
<select class="form-control bg-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>
|
||
</div>
|
||
<div class="col p-10 d-flex flex-column justify-content-end">
|
||
<div class="pb-10 font-size-24 font-weight-semi-bold">Format</div>
|
||
<select class="form-control bg-dark" 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">Status</div>
|
||
<select class="form-control bg-dark" 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">Sort</div>
|
||
<select class="form-control bg-dark" 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" 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-column">
|
||
<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" value="">wss://tracker.openwebtorrent.com
|
||
wss://tracker.sloppyta.co:443/announce
|
||
wss://hub.bugout.link:443/announce</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">Speed Cap</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>
|
||
<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-column">
|
||
<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">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">Immerse After</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">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">Seek</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">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-column">
|
||
<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">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://subsplease.org/rss/?r=</option>
|
||
<option value="Erai-raws">https://www.erai-raws.info/rss-</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">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>
|
||
<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>
|
||
</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>
|
||
<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="js/bundle.js"></script>
|
||
</body>
|
||
|
||
</html> |