-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
76 lines (76 loc) · 3.56 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SpotiChat</title>
<link rel=stylesheet href="/css/style.css" />
<link rel="stylesheet" href="sp://import/css/eve.css">
<script src="/js/jquery.1.7.1.min.js"></script>
<script src="/js/jquery.cookie.js"></script>
<script src="/js/jquery.chatify.js"></script>
<script src="/js/jquery.chatitroller.js"></script>
<script src="/js/mustache.js"></script>
<script src="/js/sha1.js"></script>
<!-- chat item template -->
<script id="message-template" type="text/plain">
<li class="{{msgtype}}">
<span class="message-username">{{nickname}}</span>
<span class="message-body">{{{message}}}</span>
<span class="message-timestamp">{{formattedTime}}</span>
<span class="clear"></span>
</li>
</script>
<!-- chat channel template -->
<script id="channel-template" type="text/plain">
<div id="{{channelID}}">
<h2 class="{{channelHeader}}">
<span class="channel {{channelName}}"></span>
<a class="{{logoutButton}}" href="#" style="display: none;">{{logoutButtonText}}</a>
</h2>
<div class="{{loginContainer}}">
<p class="intro">
SpotiChat keeps the converstation going while you listen.
Choose your own music to listen to and chat with others that are listening to the same thing.
No one listening to the same thing? See what they said about the song while they were there.
</p>
<div class="agree">
<p>SpotiChat will retain your chats identified by your Spotify username and they will be available to view by anyone on the Spotify platform.</p>
<input type="checkbox" name="{{agreeCheckbox}}" value="agree" id="{{agreeCheckbox}}-{{channelID}}" class="{{agreeCheckbox}}"/>
<label class="label-{{agreeCheckbox}}" id="label-{{agreeCheckbox}}-{{channelID}}" for="{{agreeCheckbox}}">I understand and agree.</label>
</div>
<div class="login">
{{#oAuthProviders}}
<button type="submit" class="login oauth-provider {{loginButton}} {{name}}" id="{{loginButton}}-{{channelID}}-{{name}}" value="{{name}}"></button>
{{/oAuthProviders}}
<div style="clear: both;"></div>
</div>
<span class="errors {{loginErrors}}" style="display: none;"></span>
<div style="clear: both;"></div>
</div>
<div class="{{chatContainer}}" style="display: none;">
<div class="{{inputContainer}}">
<div class="send-form">
<label class="{{usernameDisplay}}" for="{{composeMessageField}}-{{chatChannel}}">anonymous:</label>
<input type="text" id="{{composeMessageField}}-{{channelID}}" class="{{composeMessageField}}"/>
<input class="{{sendMessageButton}}" type="submit" name="send" value="send"
disabled="disabled" />
<span class="errors {{chatErrors}}" style="display: none;"></span>
</div>
</div>
<ul class="{{messageContainer}}"></ul>
<div class="footer">
FOOTER
</div>
</div>
</div>
</script>
</head>
<body onload="sp = getSpotifyApi(1); spotichat = sp.require('js/spotichat');">
<div id="header">
<h1>SpotiChat<span class="subtitle">chat where you listen</span></h1>
</div>
<div id="content">
<div class="chatify-channels"></div>
</div>
</body>
</html>