index.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <html>
  2. <head>
  3. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  4. <link href="style.css" rel="stylesheet"/>
  5. <link href="emojione.sprites.css" rel="stylesheet"/>
  6. <link href="favicon_err.png" type="image/png" rel="icon" id="linkFavicon" />
  7. </head>
  8. <body>
  9. <aside class="slack-context" id="slackCtx">
  10. <nav class="slack-context-menu"></nav>
  11. <div class="slack-context-rooms" id="chatList">
  12. <ul class="slack-context-channellist" id="chanList"></ul>
  13. <div class="slack-context-imlist"></div>
  14. </div>
  15. </aside>
  16. <div class="slack-chat-container">
  17. <div class="slack-chat-title" id="currentRoomTitle"></div>
  18. <div class="slack-chat-content" id="chatWindow"></div>
  19. <div id="replyToContainer" class="replyto-container"></div>
  20. <div class="slack-chat-control">
  21. <form id="msgForm" class="msgform">
  22. <input type="text" id="msgInput" class="msgform-input" autocomplete="off" />
  23. <a id="emojiButton" class="button"/></a>
  24. <a id="attachFile" href="#!" class="button"><img src="paperclip.svg" alt="Send file" class="attach-file-icon" /></a>
  25. <input type="submit" class="button" value=">" />
  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. <a id="fileUploadCancel" class="button"/></a>
  33. <input type="submit" class="button"/>
  34. </form></div>
  35. <div class="error" id="neterror"></div>
  36. <script src="emojione.sprites.js"></script>
  37. <script src="slack.min.js"></script>
  38. </body>
  39. </html>