66 lines
No EOL
3.1 KiB
HTML
66 lines
No EOL
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/fontawesome.css" />
|
|
<script src="js/jquery-3.5.1.min.js"></script>
|
|
<script src="js/script.js"></script>
|
|
</head>
|
|
<body>
|
|
<img id="backgroundWallpaper" src="img/djpult.png" alt="Check img-folder!">
|
|
|
|
<div id="console">
|
|
<p id="currentPlaying">Currently playing:</p>
|
|
<div id="screen">
|
|
<p id="currentSong"></p>
|
|
</div>
|
|
<div id="timeLineOutside">
|
|
<div id="timeLineInside"></div>
|
|
</div>
|
|
<p id="timestamp"><span id="currentTime">--:--</span><span id="slash"> / </span><span id="maxTime">--:--</span></p>
|
|
<textarea id="linkInput" name="LOLOL" rows="4" cols="50" placeholder="Insert link here..."></textarea>
|
|
</div>
|
|
|
|
<button id="addToPlaylist">Add to playlist</button>
|
|
<button id="directPlay">Play</button>
|
|
<div id="addPlaylist"></div>
|
|
<div id="buttons">
|
|
<div id="buttonOne" class="button" ><button class="PlayButton"></button></div>
|
|
<div id="buttonTwo" class="button"><i class="fas fa-undo-alt"></i></div>
|
|
<div id="buttonThree" class="button"><i class="fas fa-redo-alt"></i></div>
|
|
<div id="buttonFour" class="button"><i class="fas fa-volume-down"></i></div>
|
|
<div id="buttonFive" class="button"><i class="fas fa-volume-up"></i></div>
|
|
<div id="buttonSix" class="button"></div>
|
|
<div id="buttonSeven" class="button"></div>
|
|
</div>
|
|
|
|
<div id="playlistsSpace">
|
|
<textarea id="CreatePlaylistName" name="LOLOL" rows="1" cols="50" placeholder="Playlistname..."></textarea>
|
|
<i id="PlayListAddButton" class="fas fa-plus"></i>
|
|
<div class="playlist" id="songhistorySpace" data-id="1">
|
|
<!-- <button id="playlist${v.id}" class="playlistButton">${v.label}</button> -->
|
|
<button id="playlistsonghistory" class="playlistButton">Songhistory</button>
|
|
<div id="songSpacesonghistory" class="songs" data-id="songhistory" data-displayed="0">
|
|
</div>
|
|
</div>
|
|
<div id="playlists"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
<!-- <div class="playlist" data-id="2">
|
|
<button class="playlistButton">Playlist-Titel-1</button>
|
|
|
|
<div class="songs" data-id="2" data-displayed="0">
|
|
<p data-songid="1">Song 1<i class="fas fa-trash-alt"></i></p>
|
|
|
|
<p data-songid="2">Song 2<i class="fas fa-trash-alt"></i></p>
|
|
<p data-songid="3">Song 2<i class="fas fa-trash-alt"></i></p>
|
|
<p data-songid="4">Song 2<i class="fas fa-trash-alt"></i></p>
|
|
<p data-songid="5">Song 2<i class="fas fa-trash-alt"></i></p>
|
|
<p data-songid="6">Song 2<i class="fas fa-trash-alt"></i></p>
|
|
<p data-songid="7">Song 3<i class="fas fa-trash-alt"></i></p>
|
|
</div>
|
|
</div> --> |