index.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <html>
  2. <head>
  3. <link href="style.css" rel="stylesheet"/>
  4. <link href="emojione.sprites.css" rel="stylesheet"/>
  5. </head>
  6. <body>
  7. <aside class="slack-context">
  8. <nav class="slack-context-menu"></nav>
  9. <div class="slack-context-rooms" id="chatList">
  10. <ul class="slack-context-channellist" id="chanList"></ul>
  11. <div class="slack-context-imlist"></div>
  12. </div>
  13. </aside>
  14. <div class="slack-chat-container">
  15. <div class="slack-chat-title" id="currentRoomTitle"></div>
  16. <div class="slack-chat-content" id="chatWindow"></div>
  17. <div class="slack-chat-control">
  18. <form id="msgForm" class="msgform">
  19. <div id="replyToContainer" class="replyto-container">
  20. </div>
  21. <input type="text" id="msgInput" class="msgform-input" autocomplete="off" />
  22. <div class="msgform-action">
  23. <input type="submit" class="button" value=">" />
  24. <a id="attachFile" href="#!" class="button"><img src="paperclip.svg" alt="Send file" class="attach-file-icon" /></a>
  25. </div>
  26. </form>
  27. </div>
  28. </div>
  29. <div class="hidden file-upload-container" id="fileUploadContainer"><form id="fileUploadForm" enctype="multipart/form-data">
  30. <input type="file" id="fileUploadInput" />
  31. <div id="fileUploadError" class="file-upload-error hidden"></div>
  32. <input type="submit" class="button"/>
  33. <a id="fileUploadCancel" class="button"/>cancel</a>
  34. </form></div>
  35. <div class="error" id="neterror">Cannot connect to chat !</div>
  36. <script src="emojione.sprites.js"></script>
  37. <script src="slack.min.js"></script>
  38. </body>
  39. </html>