2019-12-02 16:45:32 +00:00
|
|
|
<!DOCTYPE html>
|
2019-11-24 10:38:48 +00:00
|
|
|
<html>
|
|
|
|
<head>
|
2019-12-11 15:50:26 +00:00
|
|
|
<title>harmony</title>
|
2019-12-12 02:31:23 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2019-12-02 16:45:32 +00:00
|
|
|
<link rel="stylesheet" href="assets/css/harmony.css">
|
|
|
|
<script src="assets/js/jquery.js"></script>
|
|
|
|
<script src="assets/js/harmony.js"></script>
|
2019-11-24 10:38:48 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
2019-12-11 15:50:26 +00:00
|
|
|
<div class="wrapper">
|
2019-12-12 02:31:23 +00:00
|
|
|
<nav class="sideleft" id="sideleft">
|
2019-12-11 15:50:26 +00:00
|
|
|
<ul>
|
2019-12-13 16:44:40 +00:00
|
|
|
<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>
|
2019-12-12 02:31:23 +00:00
|
|
|
<li style="margin-bottom: 10px;"> </li>
|
2019-12-13 16:44:40 +00:00
|
|
|
<li style="margin-bottom: 10px;">
|
|
|
|
<div class="headericon">🔊</div>
|
|
|
|
Voice Channels
|
|
|
|
</li>
|
2019-12-12 02:31:23 +00:00
|
|
|
<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>
|
2019-12-11 15:50:26 +00:00
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
<article class="content" id="chathistory">
|
|
|
|
</article>
|
2019-12-12 02:31:23 +00:00
|
|
|
<aside class="sideright" id="sideright">
|
2019-12-11 15:50:26 +00:00
|
|
|
</aside>
|
2019-12-13 16:44:40 +00:00
|
|
|
<div class="header" id="header">
|
|
|
|
<div style="display: inline-block;float: left;" id="mainheader">#lobby</div>
|
|
|
|
<div style="display: inline-block;float: right;" id="subheader">harmony demo</div>
|
|
|
|
</div>
|
2019-12-11 15:50:26 +00:00
|
|
|
<div class="status">
|
|
|
|
<div id="userstatus">Loading...</div>
|
|
|
|
</div>
|
|
|
|
<footer class="footer">
|
2019-12-13 16:44:40 +00:00
|
|
|
<div style="padding: 7px;" id="chatinputcontainer">
|
|
|
|
<textarea id="chatinput" placeholder="Message #lobby" rows="2"></textarea>
|
|
|
|
</div>
|
|
|
|
<div id="voicepttcontainer" style="display: none;">
|
|
|
|
<button id="voiceptt">Push-To-Talk</button>
|
|
|
|
</div>
|
2019-12-11 15:50:26 +00:00
|
|
|
</footer>
|
|
|
|
</div>
|
2019-12-10 00:16:24 +00:00
|
|
|
<div style="display: none" id="hidden">
|
2019-12-02 16:45:32 +00:00
|
|
|
</div>
|
2019-11-24 10:38:48 +00:00
|
|
|
</body>
|
|
|
|
</html>
|