diff options
Diffstat (limited to 'view/poc/chat.html')
| -rw-r--r-- | view/poc/chat.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/view/poc/chat.html b/view/poc/chat.html new file mode 100644 index 0000000..bee39b2 --- /dev/null +++ b/view/poc/chat.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html> + <head> + <title>Chaos Chat</title> + <link rel='stylesheet' href='css/chat.css'/> + <!-- NEED TO FIX URL!! --> + <script src='http://chaos-audio-platform.riaevangelist.c9.io/socket.io/socket.io.js'></script> + <script src='util/base64-binary.js'></script> + <script src='class/chat.js'></script> + <script src='class/playList.js'></script> + <script src='js/chat.js'></script> + </head> + <body> + <header> + <h1>Chaos Chat</h1> + </header> + <main> + <section + id='chat-primary' + class='chat-primary'> + <ul + id='chat-primary-window' + class='chat-window'></ul> + <textarea + id='chat-primary-input' + class='chat-input'></textarea> + <button + id='chat-primary-post' class='post'>post</button> + </section> + <section id='playlist-area' class='playlist'> + <h2> + Playlist + </h2> + <ul id='playlist'></ul> + </section> + </main> + <section id='modal-join' class='modal modal-join'> + <h2>Join a Room</h2> + <p>try chaos</p> + <input id='room-name'/> + <button + id='room-join' + data-event='room.join'>Join</button> + </section> + <section id='modal-handle' class='modal modal-handle'> + <h2>Set Your Handle</h2> + <input id='user-handle' /> + <button + id='set-handle' + data-event='set.handle'>Set</button> + </section> + <footer> + Chatting as <span id='user-current-handle'>nobody</span> in <span id='user-current-room'>nowhere</span> room + </footer> + </body> +</html> |