<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/static/synrc.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<title>Chat</title>
</head>
<body>
<table cellpadding="20" align="center"><!-- todo : upd template -- styles to css, table to css grids -->
<tr>
<td valign="top" align="center" height="230" width="300">
<br><a href="/doc"><img src="/static/S.svg" border="0" height="200" style="margin-top:0px;"></a><br>
</td>
<td colspan="2" width="700" valign="top">
<h1><b id="heading">Roster</b></h1>
<h2>Unique Feed<br><button id="logout"></button></h2>
</td>
</tr>
<tr>
<td width="300" valign="top">
<p>Just type what you think about this:</p>
<textarea id="message" style="margin-left:5px; width:490px; font-size:16pt;" value="" rows="5" autofocus></textarea>
{{body}}
<div id="history"></div>
</td>
<td colspan="2" width="700" valign="top" height="550" bgcolor="#eeeeee">
{{list}}
</td>
</tr>
</table>
<!--script>var transition = {pid: '', host: 'localhost', port:'8000'};</script-->
<script>{{script}}</script>
{# {{javascript}} #}
<script src="/js/n2o/protocols/bert.js" defer></script>
<script src="/js/n2o/protocols/client.js" defer></script>
<script src="/js/n2o/protocols/nitro.js" defer></script>
<script src="/js/n2o/bullet.js" defer></script>
<script src="/js/n2o/xhr.js" defer></script>
<script src="/js/n2o/utf8.js" defer></script>
<script src="/js/n2o/template.js" defer></script>
<script src="/js/n2o/n2o.js" defer></script>
<script src="/js/n2o/validation.js" defer></script>
<script src="/js/n2o/ftp.js" defer></script>
<script>
window.addEventListener("load", function(){
protos = [$client, $bert];
N2O_start();
},false);
</script>
</body>
</html>