<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
	<link href='/stylesheets/pre-login/main.css' rel='stylesheet' type='text/css'>
	<link rel="icon" type="image/png" href="/images/favicon.png">
	<title>Semusi</title>
</head>
<body>
	<div id="message" style="width:550px; margin-left:-275px; font-size:15px; line-height:18px;" data-localize="setup.explanation"></div>
	<div id="top-container">
		<a class="top-button" href="https://www.semusi.com">Semusi</a>
		<div class="top-button" id="select-lang">
			<div id="active-lang">EN</div>
			<div id="langs">
                <div class="group">
                    <a data-language-code="de" class="item">Deutsch</a>
                    <a data-language-code="en" class="item">English</a>
                    <a data-language-code="es" class="item">Español</a>
                    <a data-language-code="fr" class="item">Français</a>
                    <a data-language-code="it" class="item">Italiano</a>
                    <a data-language-code="nl" class="item">Nederlands</a>
                </div>
                <div class="group">
                    <a data-language-code="pt" class="item">Português</a>
                    <a data-language-code="ru" class="item">Русский язык</a>
                    <a data-language-code="tr" class="item">Türkçe</a>
                    <a data-language-code="zh" class="item">中文</a>
                    <a data-language-code="ja" class="item">日本語</a>
                </div>
			</div>
		</div>
	</div>
	<div id="login-form" style="background-position:220px 47px; height:230px; margin-top:-115px;">
		<div id="login-left">
			<div id="login-logo" style="margin-top:89px;"></div>
		</div>
		<div style="float:left; overflow:auto;">
			<form method="POST" autocomplete="off">
                <div>
                    <input autocapitalize="off" autocomplete="off" type="text" name="full_name" placeholder="Full Name" data-localize="placeholder.full-name"/>
                </div>
                <div>
                    <input autocapitalize="off" autocomplete="off" type="text" name="email" placeholder="Email" data-localize="placeholder.email"/>
                </div>
				<div>
					<input type="text" autocapitalize="off" autocomplete="off" name="username" placeholder="Username" data-localize="placeholder.username"/>
				</div>
				<div>
					<input name="password" type="password" autocomplete="off" placeholder="Password" data-localize="placeholder.password"/>
				</div>
				<div>
					<input type="hidden" value="<%= csrf %>" name="_csrf" />
					<input id="login-button" value="Create account" type="submit" data-localize="setup.button"/>
				</div>
			</form>
		</div>
	</div>
	<script language="javascript" type="text/javascript" src="/javascripts/dom/jquery/jquery-1.8.3.min.js"></script>
	<script language="javascript" type="text/javascript" src="/javascripts/utils/prefixfree.min.js"></script>
	<script language="javascript" type="text/javascript" src="/javascripts/dom/jquery.noisy.min.js"></script>
	<script language="javascript" type="text/javascript" src="/javascripts/utils/store+json2.min.js"></script>
	<script language="javascript" type="text/javascript" src="/javascripts/utils/jquery.i18n.properties-min-1.0.9.js"></script>
	<script language="javascript" type="text/javascript" src="/javascripts/pre-login.js"></script>
	<script>
		$(document).ready(function() {
			document.title = "Semusi | " + jQuery.i18n.map["setup.title"];
		});
		
		$(document).bind('clyLangChange', function() {
			document.title = "Semusi | " + jQuery.i18n.map["setup.title"];
		});
	</script>
</body>
</html>