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.
49 lines
1.9 KiB
HTML
49 lines
1.9 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="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-submit" value="Submit">
|
|
</form>
|
|
</div>
|
|
<div class="tabcontent" id="connect">
|
|
<form method="post" id="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">
|
|
<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-submit" value="Submit">
|
|
</form>
|
|
</div>
|
|
<div role=alert class="tooltip hidden" id="message"></div>
|
|
<script src="script.js"></script>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|