mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-03-29 19:38:41 +00:00
155 lines
6.1 KiB
HTML
155 lines
6.1 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Titlename</title>
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link rel="stylesheet" href="css.css">
|
|
<link rel="stylesheet" href="css1.css">
|
|
<link rel="stylesheet" href="css2.css">
|
|
<script src='js.js' defer></script>
|
|
<script src="webtorrent.min.js"></script>
|
|
<script src="playerHandler.js"></script>
|
|
<script src="torrentHandler.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="cont">
|
|
<nav id="nav">
|
|
<ul class="nav">
|
|
<li>
|
|
<a>
|
|
<img src="logofinal%20small.png">
|
|
<span>Titlename</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#player">
|
|
<i class="material-icons">play_arrow</i>
|
|
<span>Play</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#releases">
|
|
<i class="material-icons">schedule</i>
|
|
<span>Releases</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#browse">
|
|
<i class="material-icons">list</i>
|
|
<span>Browse</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#settings">
|
|
<i class="material-icons">settings</i>
|
|
<span>Settings</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<section id="player">
|
|
<a href="#player"></a>
|
|
<video id="video" src="hs.mkv" type="video/mp4">
|
|
</video>
|
|
<div class="controls">
|
|
<span class="material-icons ctrl" title="Play/Pause [Space]" id="bpp">
|
|
play_arrow
|
|
</span>
|
|
<span class="material-icons ctrl" title="Next [N]" id="bnext">
|
|
skip_next
|
|
</span>
|
|
<div class="volume">
|
|
<span class="material-icons ctrl" title="Mute [M]" id="bmute">
|
|
volume_up
|
|
</span>
|
|
<input type="range" value="100" id="vol">
|
|
</div>
|
|
<span class="ts" id="elapsed">--:--</span>
|
|
<input type="range" min="0" max="1000" value="0" id="prog">
|
|
<span class="ts" id="remaining">--:--</span>
|
|
<span class="material-icons ctrl" title="Popout Window [P]" id="bpip">
|
|
picture_in_picture
|
|
</span>
|
|
<span class="material-icons ctrl" title="Theatre Mode [T]" id="btheatre">
|
|
crop_16_9
|
|
</span>
|
|
<span class="material-icons ctrl" title="Fullscreen [F]" id="bfull">
|
|
fullscreen
|
|
</span>
|
|
</div>
|
|
</section>
|
|
<section id="browse">
|
|
<div class="view bg-dark ovf-y-scroll" hidden>
|
|
<div class="banner">
|
|
<img class="cover-img">
|
|
<button type="button" class="close" onclick="hideAnime()">
|
|
<span>×</span>
|
|
</button>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3 mt-nc pb-4">
|
|
<img class="contain-img rounded-lg">
|
|
</div>
|
|
<div class="col-9 py-4">
|
|
<h4 class="title">
|
|
</h4>
|
|
<p class="text-muted desc">
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-black">
|
|
<div class="container">
|
|
<div class="row py-4">
|
|
<div class="col-md-3">
|
|
<div class="card">
|
|
<div class="card-body text-muted details">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-9">
|
|
<table class="table table-borderless table-hover rounded-lg overflow-hidden">
|
|
<thead class="thead-dark">
|
|
<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>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center pt-5">
|
|
<div class="container">
|
|
<form class="input-group mb-3" action="javascript:search()">
|
|
<div class="input-group-prepend">
|
|
<button class="btn btn-secondary" type="submit">O</button>
|
|
</div>
|
|
<input type="text" class="form-control search" placeholder="Search" id="search">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid h-100">
|
|
<div class="gallery">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|