Update index.html

This commit is contained in:
Michael Nolan 2021-12-19 16:49:07 +00:00
parent 8cc42cddea
commit 3ed0440876
1 changed files with 66 additions and 12 deletions

View File

@ -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> &middot; <span class="date"></span><br> <span class="views"></span> &middot; <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">&vellip;
</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> &middot; <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>