63 lines
2.7 KiB
HTML
63 lines
2.7 KiB
HTML
<!-- Bro I wish I could use React or other things instead of document.createElement and element.innerHTML += all the times -->
|
|
<!DOCTYPE html>
|
|
<head>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
<script src="https://unpkg.com/htmx.org@1.9.11"></script>
|
|
</head>
|
|
<body class="theme-dark">
|
|
<header>
|
|
Explorers<h5>Web UI</h5>
|
|
</header>
|
|
<br>
|
|
<div class="main">
|
|
<div class="block">
|
|
FFmpeg Path
|
|
<input id="ffmpeg-path" type="text" name="ffmpeg-path" placeholder="system">
|
|
<button id="set-ffmpeg-path">Set</button>
|
|
<br>
|
|
<input type="checkbox" id="remember-ffmpeg-path" name="remember-ffmpeg-path" value="remember-ffmpeg-path">
|
|
<label for="remember-ffmpeg-path">Remember this path</label>
|
|
<br>
|
|
Token
|
|
<input id="token" type="password" name="token" placeholder="Put your token here">
|
|
<button id="set-token">Set</button>
|
|
<br>
|
|
<input type="checkbox" id="remember-token" name="remember-token" value="remember-token">
|
|
<label for="remember-token">Remember this token</label>
|
|
<br>
|
|
<button>How do I get token?</button>
|
|
</div>
|
|
<br>
|
|
<div class="block">
|
|
Lesson ID/URL
|
|
<input type="text" id="lesson-query" name="query-lesson">
|
|
<button id="get-lesson">Get</button>
|
|
</div>
|
|
<!-- <br>
|
|
<div class="block">
|
|
<h2>Lesson Information</h1>
|
|
Name: Test
|
|
<h3>Videos available</h3>
|
|
<input type="checkbox" id="lesson-video-1" name="lesson-video-1" value="remember-token">
|
|
<label for="lesson-video-2">Video 1</label>
|
|
<br>
|
|
<input type="checkbox" id="lesson-video-1" name="lesson-video-2" value="remember-token">
|
|
<label for="lesson-video-2">Video 2</label>
|
|
<br>
|
|
<button>Download Selected</button>
|
|
<button>Download All</button>
|
|
<br>
|
|
<br>
|
|
<div class="block">
|
|
<span>Video 1 <progress id="file" value="32" max="100"></progress> 32%</span>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
<footer>
|
|
<span>Developed by <a href="https://git.tretrauit.me/tretrauit" target="_blank">@tretrauit</a></span>
|
|
</footer>
|
|
<script src="assets/index.js"></script>
|
|
</body> |