83 lines
3.3 KiB
HTML
83 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Submanager - Login</title>
|
|
<link rel="stylesheet" href="../common/common.css">
|
|
<link rel="stylesheet" href="app.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="top-title">
|
|
<h1><img class="top-logo rounded" src="../../src/logo.png" alt="Logo"> Subsonics</h1>
|
|
</div>
|
|
<button id="minimizeBtn" class="buttonReduce"><i class="fas fa-window-minimize"></i></button>
|
|
<button id="closeBtn" class="buttonClose"><i class="fas fa-times"></i></button>
|
|
</header>
|
|
<div class="content">
|
|
|
|
|
|
|
|
<div class="box">
|
|
|
|
<span id="music_img"><img class="thumbnail" src="../common/Mediamodifier-Design.svg"></span>
|
|
<span id="music_title" class="title">Aucun titre joué</span>
|
|
|
|
<div class="online-light"><i style="margin-right: 2px;" class="fas fa-user-friends"></i> <span id="online">0</span></div>
|
|
</div>
|
|
<div class="controller-box">
|
|
<div class="playbar">
|
|
<button id="backward" class="secondary"><i class="fas fa-step-backward"></i></button>
|
|
<button id="play" class="primary"><i class="fas fa-play"></i></button>
|
|
<button id="forward" class="secondary"><i class="fas fa-step-forward"></i></button>
|
|
</div>
|
|
<div class="bbar">
|
|
<button id="search" class="third"><i class="fa fa-search"></i></button>
|
|
<span id="exitSpan" class="exit"></span>
|
|
<button id="list" class="third"><i class="fa fa-list-ol"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="box">
|
|
<div>
|
|
<span id="logo"><img class="logo" src="../../src/logo.png"></span>
|
|
<span id="username"></span>
|
|
</div>
|
|
<button id="signout" class="signout"><i class="fas fa-sign-out"></i></button>
|
|
</div>
|
|
</div>
|
|
<dialog id="listDialog" class="menu">
|
|
<div class="menuheader">
|
|
<p class="listHeader"><i style="margin-right: 3px" class="fa fa-list-ol"></i> Liste de lecture</p>
|
|
<div>
|
|
<button class="buttonClose" id="listClear"><i class="fas fa-trash"></i></button>
|
|
<button class="buttonClose" id="listClose"><i class="fas fa-times"></i></button>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div id="listContent">
|
|
</div>
|
|
</dialog>
|
|
<dialog id="searchDialog" class="menu">
|
|
<div class="menuheader">
|
|
<p class="listHeader"><i style="margin-right: 3px" class="fa fa-search"></i> Rechercher</p>
|
|
<button class="buttonClose" id="searchClose"><i class="fas fa-times"></i></button>
|
|
|
|
</div>
|
|
<input id="searchBar" class="finder" type="text" placeholder="Nom ou lien">
|
|
<div id="searchContent">
|
|
|
|
</div>
|
|
</dialog>
|
|
<div class="infoVersion">
|
|
<p >Submanager - Version <span id="version"></span></p>
|
|
<p >Fait avec 💖 par Raphix</p>
|
|
</div>
|
|
|
|
|
|
<script src="../common/bundle.js"></script>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html> |