62 lines
2.1 KiB
HTML
62 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>harmony</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="assets/css/harmony.css">
|
|
<script src="assets/js/jquery.js"></script>
|
|
<script src="assets/js/harmony.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<nav class="sideleft" id="sideleft">
|
|
<ul>
|
|
<li style="margin-bottom: 10px;"><div class="headericon">📰</div>Text Channels</li>
|
|
<ul class="widelinks" style="padding-left: 5px;">
|
|
<li><b>#lobby</b></li>
|
|
</ul>
|
|
<li style="margin-bottom: 10px;"> </li>
|
|
<li style="margin-bottom: 10px;"><div class="headericon">🔊</div> Voice Channels</li>
|
|
<ul style="padding-left: 5px;">
|
|
<li style="margin-bottom: 5px;"><b>&lobby</b> <a href="#" id="togglevoice">Join</a></li>
|
|
<li id="userlistvoice1"></li>
|
|
</ul>
|
|
</ul>
|
|
</nav>
|
|
<article class="content" id="chathistory">
|
|
</article>
|
|
<aside class="sideright" id="sideright">
|
|
</aside>
|
|
<div class="status">
|
|
<div id="userstatus">Loading...</div>
|
|
</div>
|
|
<footer class="footer">
|
|
<table width="100%">
|
|
<tr id="inputheader">
|
|
<td colspan="2">
|
|
<hr style="color: #eeeeee;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="inputcontainer" colspan="2">
|
|
<textarea id="chatinput" placeholder="Message #lobby" rows="2"></textarea>
|
|
</td>
|
|
</tr>
|
|
<tr id="voicepttheader" style="display: none;">
|
|
<td colspan="2">
|
|
<hr style="color: #eeeeee;">
|
|
</td>
|
|
</tr>
|
|
<tr id="voicepttcontainer" style="display: none;">
|
|
<td colspan="2">
|
|
<button id="voiceptt">Push-To-Talk</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</footer>
|
|
</div>
|
|
<div style="display: none" id="hidden">
|
|
</div>
|
|
</body>
|
|
</html>
|