56 lines
2.9 KiB
HTML
56 lines
2.9 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Login Fullscreen</title>
|
|
<link type="text/css" rel="stylesheet" media="screen" href="../../node_modules/bootstrap/dist/css/bootstrap.css" />
|
|
<link type="text/css" rel="stylesheet" media="screen" href="../../node_modules/font-awesome/css/font-awesome.css" />
|
|
<link type="text/css" rel="stylesheet" media="screen" href="../../css/inverse.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container converse-bg">
|
|
<h1 class="brand-heading"><i class="icon-conversejs"></i> inVerse</h1>
|
|
</div>
|
|
|
|
<div id="conversejs" class="fullscreen">
|
|
<div class="row no-gutters">
|
|
<div id="controlbox" class="chatbox">
|
|
<div class="flyout box-flyout">
|
|
<div class="controlbox-panes">
|
|
<div id="login-dialog" class="controlbox-pane">
|
|
<div class="row">
|
|
<div class="brand-heading-container col-12">
|
|
<h1 class="brand-heading"><i class="icon-conversejs"></i> inVerse</h1>
|
|
<p><a href="https://conversejs.org">Open Source</a> XMPP chat client</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-8 offset-sm-2 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
|
|
<form id="converse-login" class="pure-form converse-form">
|
|
<div class="form-group">
|
|
<label for="jid">XMPP Username:</label>
|
|
<input type="text" name="jid" class="form-control" placeholder="user@server" autocomplete="off">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password">Password:</label>
|
|
<input type="password" name="password" class="form-control" placeholder="password" autocomplete="off">
|
|
</div>
|
|
<fieldset class="buttons">
|
|
<p><input class="btn btn-primary" type="submit" value="Log In"></p>
|
|
<p>Click <a href="#" data-toggle="modal" data-target="#registerModal">here</a> to register.</p>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|