mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-03-29 17:38:42 +00:00
153 lines
No EOL
6.8 KiB
HTML
153 lines
No EOL
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<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 name="viewport" content="width=device-width">
|
|
|
|
<link rel="icon" href="logofinal small.png">
|
|
<title>Miru</title>
|
|
|
|
<link href="https://cdn.jsdelivr.net/gh/halfmoonui/halfmoon@1.0.4/css/halfmoon.min.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link href="css2.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="dark-mode with-custom-webkit-scrollbars with-custom-css-scrollbars">
|
|
<div class="modal" id="tsearch" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content w-auto">
|
|
<a href="#" class="close" role="button" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</a>
|
|
<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="tsearch">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-wrapper with-sidebar" data-sidebar-type="overlayed-sm-and-down">
|
|
<!-- Sticky alerts (toasts), empty container -->
|
|
<!-- Reference: https://www.gethalfmoon.com/docs/sticky-alerts-toasts -->
|
|
<div class="sticky-alerts"></div>
|
|
|
|
<div class="sidebar-overlay" onclick="halfmoon.toggleSidebar()"></div>
|
|
<div class="sidebar d-flex">
|
|
<div class="sidebar-menu d-flex flex-column justify-content-end flex-grow-1">
|
|
<a href="#" class="sidebar-brand">
|
|
<img src="logofinal small.png" alt="logo">
|
|
Miru
|
|
</a>
|
|
<div class="sidebar-divider"></div>
|
|
<a href="#" class="sidebar-link sidebar-link-with-icon">
|
|
<span class="sidebar-icon">
|
|
<i class="material-icons" aria-hidden="true">home</i>
|
|
</span>
|
|
Home
|
|
</a>
|
|
<a href="#player" class="sidebar-link sidebar-link-with-icon">
|
|
<span class="sidebar-icon">
|
|
<i class="material-icons" aria-hidden="true">play_arrow</i>
|
|
</span>
|
|
Play
|
|
</a>
|
|
<a href="#browse" class="sidebar-link sidebar-link-with-icon">
|
|
<span class="sidebar-icon">
|
|
<i class="material-icons" aria-hidden="true">list</i>
|
|
</span>
|
|
Browse
|
|
</a>
|
|
<a href="#releases" class="sidebar-link sidebar-link-with-icon">
|
|
<span class="sidebar-icon">
|
|
<i class="material-icons" aria-hidden="true">schedule</i>
|
|
</span>
|
|
Latest Releases
|
|
</a>
|
|
<a href="#settings" class="sidebar-link sidebar-link-with-icon mt-auto">
|
|
<span class="sidebar-icon">
|
|
<i class="material-icons" aria-hidden="true">settings</i>
|
|
</span>
|
|
Settings
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="content-wrapper">
|
|
<section id="player">
|
|
<a href="#player" class="w-full h-full"></a>
|
|
<video id="video" src="" type="video/mp4" class="w-full">
|
|
</video>
|
|
<div class="player d-none flex-column justify-content-between w-full h-full">
|
|
<div class="stats d-flex justify-content-center">
|
|
<div class="d-flex">
|
|
<span class="material-icons">
|
|
people
|
|
</span>
|
|
<span class="ts" id="peers">-</span>
|
|
</div>
|
|
<div class="d-flex">
|
|
<span class="material-icons">
|
|
arrow_downward
|
|
</span>
|
|
<span class="ts" id="down">-</span>
|
|
</div>
|
|
<div class="d-flex">
|
|
<span class="material-icons">
|
|
arrow_upward
|
|
</span>
|
|
<span class="ts" id="up">-</span>
|
|
</div>
|
|
</div>
|
|
<div class="controls d-flex">
|
|
<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>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/gh/halfmoonui/halfmoon@1.0.4/js/halfmoon.min.js"></script>
|
|
<script src='js.js' defer></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/webtorrent@latest/webtorrent.min.js"></script>
|
|
<script src="playerHandler.js"></script>
|
|
<script src="torrentHandler.js"></script>
|
|
<script src="rangeParser.js"></script>
|
|
</body>
|
|
|
|
</html> |