index.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" dir="ltr">
  4. <!-- This file is part of the Mongoose project,
  5. http://code.google.com/p/mongoose -->
  6. <head>
  7. <title>Mongoose chat server</title>
  8. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  9. <link type="text/css" rel="stylesheet" href="style.css"/>
  10. <script src="jquery.js"></script>
  11. <script src="main.js"></script>
  12. </head>
  13. <body>
  14. <div id="header">
  15. <div class="rounded infobox help-message">
  16. Chat room implemented using
  17. <a href="http://code.google.com/p/mongoose" target="_blank">Mongoose</a>
  18. embeddable web server.
  19. This application was written for educational purposes demonstrating
  20. how web interface could be decoupled from the business logic. Not a
  21. single line of HTML is generated by the server, instead, server
  22. communicates data in JSON format using AJAX calls. Such chat server
  23. could be used in your application as a collaboration tool.
  24. </div>
  25. </div>
  26. <div id="middle">
  27. <div><center><span id="error" class="rounded"></span><center></div>
  28. <div id="menu">
  29. <div class="menu-item left-rounded menu-item-selected"
  30. name="chat">Chat</div>
  31. <div class="menu-item left-rounded" name="settings">Settings</div>
  32. </div>
  33. <div id="content" class="rounded">
  34. <div id="chat" class="main">
  35. <div class="chat-window">
  36. <span class="top-rounded chat-title">Main room</span>
  37. <div class="bottom-rounded chat-content">
  38. <div class="message-list" id="mml">
  39. </div>
  40. <input type="text" size="40" class="message-input"></input>
  41. <span class="help-message">
  42. Type your message here and press enter</span>
  43. </div>
  44. </div>
  45. </div>
  46. <div id="settings" class="hidden main">
  47. <div>
  48. <span class="top-rounded">Settings</span>
  49. <div class="bottom-rounded">
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <div id="footer">
  56. Copyright &copy; 2004-2010 by Sergey Lyubka
  57. </div>
  58. </body>
  59. </html>