-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
78 lines (76 loc) · 3.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!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>Algebra Chat App SM - FINAL -</title>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./dist/main.css" />
</head>
<body>
<script
src="https://cdn.scaledrone.com/scaledrone.min.js"
type="text/javascript"
></script>
<script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script>
<header>
<h1 class="main-title">Welcome to this chat room, happy chatting!</h1>
</header>
<main>
<div class="flex-container">
<div class="chat-container">
<div class="chat-box-container">
<div class="js-chat-box chat-box"></div>
</div>
<div id="message-box" class="js-message-box">
<form class="js-message-form message-form">
<span class="input-emoji-box js-input-emoji-box">
<label for="message"></label>
<textarea
id="message"
class="js-message-input message-input"
rows="1"
placeholder="Say something..."
></textarea>
<button class="js-emoji-button emoji-button" type="button">
<svg
class="emoji-svg"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.507 13.941c-1.512 1.195-3.174 1.931-5.506 1.931-2.334 0-3.996-.736-5.508-1.931l-.493.493c1.127 1.72 3.2 3.566 6.001 3.566 2.8 0 4.872-1.846 5.999-3.566l-.493-.493zm-9.007-5.941c-.828 0-1.5.671-1.5 1.5s.672 1.5 1.5 1.5 1.5-.671 1.5-1.5-.672-1.5-1.5-1.5zm7 0c-.828 0-1.5.671-1.5 1.5s.672 1.5 1.5 1.5 1.5-.671 1.5-1.5-.672-1.5-1.5-1.5z"
/>
</svg>
</button>
</span>
<button class="js-send-button send-button" type="submit">
Send
</button>
</form>
</div>
</div>
<div class="members-container">
<div class="js-members-box">
<span class="js-members-title members-title"></span>
<ul class="js-members-list members-list"></ul>
</div>
<div class="js-notifications-box">
<ul class="js-notification-list notification-list"></ul>
</div>
</div>
</div>
</main>
<footer class="footer">
<div>© Sonja Mikulec 2021</div>
</footer>
<script src="./dist/main.js" async></script>
</body>
</html>