<!DOCTYPE html>
<html lang="de">
<head>
<base target="_blank">
<title>Chat</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/app.css" />
<link rel="stylesheet" type="text/css" href="css/theme.css" />
</head>
<script src="/socket.io/socket.io.js" type="application/javascript"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js" type="application/javascript"></script>
<script src="js/main.js" type="application/javascript"></script>
<body>
<div id="chat-host"></div>
</body>
<script id="chat-login-template" type="text/x-custom-template">
<div class="login">
<span class="loginError"></span>
<form id="chat-login-form" action="">
<div class="inputWrapper usernameWrapper">
<label>Nickname:</label>
<input class="username" autocomplete="off" />
</div>
<div class="inputWrapper passwordWrapper" style="display: none">
<label>Passwort:</label>
<input class="password" type="password" autocomplete="off" />
</div>
<button>Chat betreten</button>
</form>
</div>
</script>
<script id="chat-template" type="text/x-custom-template">
<div class="main">
<ul class="messages"></ul>
<div class="userlistWrapper">
<h2>Benutzer im Chat</h2>
<ul class="userlist"></ul>
</div>
</div>
</script>
<script id="chat-admin-template" type="text/x-custom-template">
<div class="main">
<ul class="messages"></ul>
<div class="userlistWrapper">
<h2>Benutzer im Chat</h2>
<ul class="userlist"></ul>
<h2>Gesperrte IPs</h2>
<ul class="bannedlist"></ul>
</div>
</div>
</script>
<script id="chat-message-form-template" type="text/x-custom-template">
<form class="messageForm" action="">
<textarea class="messageField" />
<button>Abschicken</button>
</form>
</script>
<script id="chat-kick-template" type="text/x-custom-template">
<div class="login">
<div class="loginError">Sie wurden aus dem Chat entfernt.</div>
</div>
</script>
</html>