Update index.html
This commit is contained in:
parent
8cc42cddea
commit
3ed0440876
78
index.html
78
index.html
|
@ -27,6 +27,9 @@
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="#" data-target="playlists" class="nav-link spalnk">Playlists</a>
|
<a href="#" data-target="playlists" class="nav-link spalnk">Playlists</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" data-target="queue" class="nav-link spalnk">Queue</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="#" data-target="settings" class="nav-link spalnk">Settings</a>
|
<a href="#" data-target="settings" class="nav-link spalnk">Settings</a>
|
||||||
</li>
|
</li>
|
||||||
|
@ -74,10 +77,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<section class="bg-danger text-light p-3">
|
||||||
<div class="page" id="home">
|
|
||||||
<!--Home Page-->
|
|
||||||
<section class="bg-danger text-light p-3">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
|
@ -90,7 +90,7 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="bg-light text-dark p-3">
|
<section class="bg-light text-dark p-3">
|
||||||
<div class="dropdown-menu">
|
<!-- <div class="dropdown-menu">
|
||||||
<a class="dropdown-item" href="#">Server Download (SD)</a>
|
<a class="dropdown-item" href="#">Server Download (SD)</a>
|
||||||
<a class="dropdown-item" href="#">Server Download (HD)</a>
|
<a class="dropdown-item" href="#">Server Download (HD)</a>
|
||||||
<a class="dropdown-item" href="#">Server Download (Audio Only)</a>
|
<a class="dropdown-item" href="#">Server Download (Audio Only)</a>
|
||||||
|
@ -98,7 +98,7 @@
|
||||||
<a class="dropdown-item" href="#">Download To Device (SD)</a>
|
<a class="dropdown-item" href="#">Download To Device (SD)</a>
|
||||||
<a class="dropdown-item" href="#">Download To Device (HD)</a>
|
<a class="dropdown-item" href="#">Download To Device (HD)</a>
|
||||||
<a class="dropdown-item" href="#">Download To Device (Audio Only)</a>
|
<a class="dropdown-item" href="#">Download To Device (Audio Only)</a>
|
||||||
</div>
|
</div>-->
|
||||||
|
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
|
|
||||||
|
@ -106,11 +106,12 @@
|
||||||
<input type="text" id="download_text_box" class="form-control" placeholder="https://www.youtube.com/watch?v=il9nqWw9W3Y" aria-label="Text input with segmented dropdown button">
|
<input type="text" id="download_text_box" class="form-control" placeholder="https://www.youtube.com/watch?v=il9nqWw9W3Y" aria-label="Text input with segmented dropdown button">
|
||||||
<select class="form-control custom-select" id="selector" style="max-width: 6em;">
|
<select class="form-control custom-select" id="selector" style="max-width: 6em;">
|
||||||
|
|
||||||
<option selected value=0>Video</option>
|
<option selected value=0>YouTube</option>
|
||||||
<option value=1>Playlist</option>
|
<!--<option value=1>Playlist</option>
|
||||||
<option value=2>Channel</option>
|
<option value=2>Channel</option>
|
||||||
<option value=3>User</option>
|
<option value=3>User</option>-->
|
||||||
<option value=4>Server</option>
|
<option value=4>Download</option>
|
||||||
|
<option value=5>Play</option>
|
||||||
</select>
|
</select>
|
||||||
<select class="form-control custom-select" id="res_selector" style="max-width: 5em;">
|
<select class="form-control custom-select" id="res_selector" style="max-width: 5em;">
|
||||||
|
|
||||||
|
@ -130,6 +131,9 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
<div class="page" id="home">
|
||||||
|
<!--Home Page-->
|
||||||
|
|
||||||
<section class="bg-danger text-light p-3" style="height: 100%;">
|
<section class="bg-danger text-light p-3" style="height: 100%;">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
|
@ -152,21 +156,32 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<template id="video_template">
|
<template id="video_template">
|
||||||
|
<card>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<img class="image" width="256" height="144">
|
<img class="image" width="256" height="144">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-9">
|
<div class="col-8">
|
||||||
<h4>
|
<h4>
|
||||||
<a class="video_link" style="text-decoration: none" class="text-dark">
|
<a class="video_link" style="text-decoration: none" class="text-dark">
|
||||||
</a></h4>
|
</a></h4>
|
||||||
<span class="views"></span> · <span class="date"></span><br>
|
<span class="views"></span> · <span class="date"></span> <br>
|
||||||
<span class="video_author"></span>
|
<span class="video_author"></span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-1">
|
||||||
|
<h4>
|
||||||
|
<a class="video_link_alt" style="text-decoration: none" class="text-dark">⋮
|
||||||
|
</a></h4>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
|
</card>
|
||||||
</template>
|
</template>
|
||||||
<div id="videos_list">
|
<div id="videos_list">
|
||||||
|
|
||||||
|
@ -216,7 +231,45 @@
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="page" id="queue">
|
||||||
|
<template id="video_template_queue">
|
||||||
|
<card>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<img class="image" width="256" height="144">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-8">
|
||||||
|
<h4>
|
||||||
|
<a class="video_link" style="text-decoration: none" class="text-dark">
|
||||||
|
</a></h4>
|
||||||
|
<span class="views"></span> · <span class="date"></span> <br>
|
||||||
|
<span class="video_author"></span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-1">
|
||||||
|
|
||||||
|
<a class="video_link_alt oi oi-trash text-dark" style="text-decoration: none">
|
||||||
|
</a>
|
||||||
|
<a class="video_link_alt_up oi oi-arrow-thick-top text-dark" style="text-decoration: none">
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="video_link_alt_down oi oi-arrow-thick-bottom text-dark" style="text-decoration: none">
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
</card>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<div class="container dragable-container" id="queue_list">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<footer class="fixed-bottom bg-danger text-light" id="footer">
|
<footer class="fixed-bottom bg-danger text-light" id="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
@ -237,5 +290,6 @@
|
||||||
<script src="js/new_main.js"></script>
|
<script src="js/new_main.js"></script>
|
||||||
<script src="js/popper.min.js"></script>
|
<script src="js/popper.min.js"></script>
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
<script src="js/download_video.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue