<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5">
<link href="/static/synrc.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<title>Login</title>
</head>
<body>
<table cellpadding="20" align="center">
<tr>
<td valign="top" align="center" height="230" width="300">
<img src="/static/S.svg" border="0" height="200" style="margin-top:0px;"><br>
</td>
<td colspan="2" width="700" valign="top">
<h1><b>N2O</b></h1>
<h2>Simple Review Application</h2>
</td>
</tr>
<tr>
<td width="300" valign="top">
<p>List of spawned feeds:</p>
<div id="history" class="feed"></div><br><br>
</td>
<td colspan="2" width="700" valign="top" height="550" bgcolor="#eeeeee">
<h1>Anyname Login</h1>
<span id="display"></span><br>
<span>Login: </span>
<input id="user" type="text" autofocus="true"><br>
<span>Join/Create Feed: </span>
<input id="pass" type="text">
<button id="loginButton" type="button">Login</button>
</td>
</tr>
</table>
<script>var transition = {pid: '', host: 'localhost', port:'8000'};</script>
<script src="/js/n2o/protocols/bert.js" defer></script>
<script src="/js/n2o/protocols/client.js" defer></script>
<script src="/js/n2o/protocols/nitrogen.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>
protos = [$client, $bert];
N2O_start();
</script>
</body>
</html>