You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
2.0 KiB
HTML
50 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Synapse Login</title>
|
|
<link rel="stylesheet" href="style.css" type="text/css" />
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="tab">
|
|
<button class="tablinks" data-tabid="connect">Connect</button>
|
|
<button class="tablinks active" data-tabid="register">Register</button>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="tabcontent active" id="register">
|
|
<form method="post" class="form__input" id="register-form" action="submit">
|
|
<input type="text" name="username" id="field-username" class="field" autofocus="">
|
|
<label for="field-username">
|
|
<span><span aria-hidden="true">Please pick your </span>username</span>
|
|
</label>
|
|
<input type="button" class="button button--full-width" id="button-register-submit" value="Submit">
|
|
</form>
|
|
</div>
|
|
<div class="tabcontent" id="connect">
|
|
<h4>Connect your existing Matrix-Account:</h4>
|
|
<form method="post" id="connect-form" action="submit">
|
|
<div class="form__input">
|
|
<input type="text" name="username" id="connect-field-username" class="field" autofocus="">
|
|
<label for="connect-field-username">
|
|
<span><span aria-hidden="true">Your Matrix </span>username</span>
|
|
</label>
|
|
</div>
|
|
<br>
|
|
<div class="form__input">
|
|
<input type="password" name="password" id="connect-field-password" class="field">
|
|
<label for="connect-field-password">
|
|
<span><span aria-hidden="true">Your old Matrix </span>password</span>
|
|
</label>
|
|
</div>
|
|
<input type="button" class="button button--full-width" id="button-connect-submit" value="Submit">
|
|
</form>
|
|
</div>
|
|
<div role=alert class="tooltip hidden" id="message"></div>
|
|
<script src="script.js"></script>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|