forked from Frick/ttplus
-
Notifications
You must be signed in to change notification settings - Fork 0
/
chatNotification.html
64 lines (64 loc) · 1.23 KB
/
chatNotification.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
<html><head><title>Chat Message</title>
<style type="text/css">
body {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.3, rgb(220,220,220)),
color-stop(0.66, rgb(245,245,245))
);
text-align: left;
font-family: Helvetica,Arial,sans-serif;
cursor: pointer;
height: auto;
overflow: hidden;
}
#tt_logo {
position: absolute;
top: 4px;
right: 4px;
z-index: 1000;
}
#avatar {
float: left;
max-width: 50px;
padding: 0 10px 10px 0;
}
#speaker {
font-weight: bold;
margin: 0;
}
#message {
margin: 0;
}
#sound {
display: none;
}
#chat-container {
margin-top: 10px;
display: none;
}
#response {
width: 100%;
border-radius: 10px;
}
#response:focus {
outline: none;
}
</style>
<script type="text/javascript" src="scripts/chatNotification.js"></script>
</head>
<body>
<img src="/images/tt_logo.png" width="20" height="20" title="Click to return to turntable" id="tt_logo" />
<img src="https://s3.amazonaws.com/static.turntable.fm/roommanager_assets/avatars/5/headfront.png" title="" id="avatar" />
<p id="speaker">User</p>
<p id="message">Message</p>
<div id="sound"></div>
<div id="chat-container">
<form id="chat-form" onSubmit="return false;">
<input type="text" id="response" />
</form>
</div>
</body>
</html>