index.dtl 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link href="/static/synrc.css" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  8. <title>Chat</title>
  9. </head>
  10. <body>
  11. <table cellpadding="20" align="center"><!-- todo : upd template -- styles to css, table to css grids -->
  12. <tr>
  13. <td valign="top" align="center" height="230" width="300">
  14. <br><a href="/doc"><img src="/static/S.svg" border="0" height="200" style="margin-top:0px;"></a><br>
  15. </td>
  16. <td colspan="2" width="700" valign="top">
  17. <h1><b id="heading">Roster</b></h1>
  18. <h2>Unique Feed<br><button id="logout"></button></h2>
  19. </td>
  20. </tr>
  21. <tr>
  22. <td width="300" valign="top">
  23. <p>Just type what you think about this:</p>
  24. <textarea id="message" style="margin-left:5px; width:490px; font-size:16pt;" value="" rows="5" autofocus></textarea>
  25. {{body}}
  26. <div id="history"></div>
  27. </td>
  28. <td colspan="2" width="700" valign="top" height="550" bgcolor="#eeeeee">
  29. {{list}}
  30. </td>
  31. </tr>
  32. </table>
  33. <!--script>var transition = {pid: '', host: 'localhost', port:'8000'};</script-->
  34. <script>{{script}}</script>
  35. {# {{javascript}} #}
  36. <script src="/js/n2o/protocols/bert.js" defer></script>
  37. <script src="/js/n2o/protocols/client.js" defer></script>
  38. <script src="/js/n2o/protocols/nitro.js" defer></script>
  39. <script src="/js/n2o/bullet.js" defer></script>
  40. <script src="/js/n2o/xhr.js" defer></script>
  41. <script src="/js/n2o/utf8.js" defer></script>
  42. <script src="/js/n2o/template.js" defer></script>
  43. <script src="/js/n2o/n2o.js" defer></script>
  44. <script src="/js/n2o/validation.js" defer></script>
  45. <script src="/js/n2o/ftp.js" defer></script>
  46. <script>
  47. window.addEventListener("load", function(){
  48. protos = [$client, $bert];
  49. N2O_start();
  50. },false);
  51. </script>
  52. </body>
  53. </html>