harmony/pkg/web/public/index.html

56 lines
1.9 KiB
HTML
Raw Normal View History

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">&#128240;</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;">&nbsp;</li>
2019-12-13 16:44:40 +00:00
<li style="margin-bottom: 10px;">
<div class="headericon">&#128266;</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> &nbsp; <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>