2021-01-25 14:45:14 +01:00
|
|
|
<!doctype html>
|
|
|
|
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
|
|
|
|
<title>Chat</title>
|
|
|
|
|
<link rel="icon" href="/img/favicon.png">
|
|
|
|
|
<link rel="stylesheet" href="/css/styles.min.css">
|
|
|
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
|
|
|
<meta name="description" content="Chat">
|
|
|
|
|
<meta name="author" content="SitePoint">
|
|
|
|
|
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/3.0.1/mustache.min.js"></script>
|
|
|
|
|
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
|
|
|
|
|
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/qs/6.6.0/qs.min.js"></script>
|
|
|
|
|
<script defer src="/socket.io/socket.io.js"></script>
|
|
|
|
|
<script defer src="/js/chat.js"></script>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div class="chat">
|
2021-01-25 19:27:44 +01:00
|
|
|
<div class = player id="ytplayer"></div>
|
2021-01-25 14:45:14 +01:00
|
|
|
|
2021-01-25 19:27:44 +01:00
|
|
|
<div class="chat__sidebar">
|
2021-01-25 14:45:14 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="chat__main">
|
|
|
|
|
<div id="messages-container" class="chat__messages"> </div>
|
|
|
|
|
|
|
|
|
|
<div class="compose">
|
|
|
|
|
<form action="POST" id="sendMessForm">
|
|
|
|
|
<input placeholder="Write your message">
|
|
|
|
|
<button type="submit" id="formButton">Send</button>
|
|
|
|
|
</form>
|
2021-01-25 19:27:44 +01:00
|
|
|
<button id="sendLocation">Send location</button>
|
|
|
|
|
<hr style="padding: 6px; border: 0 none; height: 5px; color: rgb(233, 233, 233)">
|
|
|
|
|
<button id="changeVideo">Change video</button>
|
|
|
|
|
<hr style="padding: 6px; border: 0 none; height: 5px; color: rgb(233, 233, 233)">
|
|
|
|
|
<button id="syncVideos">Synchronize videos</button>
|
2021-01-25 14:45:14 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
