56 lines
3.0 KiB
HTML
56 lines
3.0 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="../../dist/converse.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container converse-bg">
|
|
<h1 class="brand-heading">inVerse</h1>
|
|
</div>
|
|
|
|
<div id="conversejs" class="fullscreen">
|
|
<div class="converse-chatboxes row no-gutters">
|
|
<div id="controlbox" class="chatbox logged-out">
|
|
<div class="flyout box-flyout">
|
|
<div class="controlbox-panes">
|
|
<div class="row">
|
|
<div class="brand-heading-container">
|
|
<h1 class="brand-heading"><i class="icon-conversejs"></i> inVerse</h1>
|
|
<p class="brand-subtitle"><a target="_blank" rel="nofollow" href="https://conversejs.org">Open Source</a> XMPP chat client</p>
|
|
<p class="brand-subtitle"><a target="_blank" rel="nofollow" href="https://hosted.weblate.org/projects/conversejs/#languages">Translate</a> into your own language</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="converse-login-panel" class="controlbox-pane fade-in row">
|
|
<form id="converse-login" class="converse-form" method="post">
|
|
<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>
|
|
<div class="switch-form">
|
|
<p>Don't have an XMPP account?</p>
|
|
<p>Click <a href="#" data-toggle="modal" data-target="#registerModal">here</a> to register.</p>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|