70 lines
2.4 KiB
HTML
70 lines
2.4 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>InfinSweeper</title>
|
|
<link rel="icon" type="image/png" href="src/assets/img/logo_sm.png" />
|
|
<meta
|
|
name="viewport"
|
|
content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
|
|
/>
|
|
<link rel="stylesheet" href="src/assets/style.css" />
|
|
<script type="module" src="src/js/accounts.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<a href="/">
|
|
<img
|
|
src="src/assets/img/logo_lg.png"
|
|
alt="InfinSweeper"
|
|
class="logo pixelart"
|
|
/>
|
|
</a>
|
|
<div class="header-right">
|
|
<button class="account-button" id="login-button">LOGIN</button>
|
|
<button class="account-button" id="signup-button">SIGN UP</button>
|
|
</div>
|
|
</div>
|
|
<canvas id="main-canvas"></canvas>
|
|
<script type="module" src="src/js/game.js"></script>
|
|
<div class="popup">
|
|
<div class="popup-tab" id="login">
|
|
<span class="info" id="login-info"></span>
|
|
<form id="login-form" class="form">
|
|
<input type="text" name="username" placeholder="Username" required />
|
|
<input type="password" name="pass" placeholder="Password" required />
|
|
<button type="submit">Login</button>
|
|
</form>
|
|
</div>
|
|
<div class="popup-tab" id="signup">
|
|
<form id="signup-form" class="form">
|
|
<span class="info" id="signup-info"></span>
|
|
<input type="text" name="username" placeholder="Username" required />
|
|
<input type="email" name="email" placeholder="Email" required />
|
|
<input type="password" name="pass" placeholder="Password" required />
|
|
<button type="submit">Sign Up</button>
|
|
</form>
|
|
</div>
|
|
<div class="popup-tab" id="forgot-pass">
|
|
<span class="info" id="forgot-info"></span>
|
|
<form id="forgot-form" class="form">
|
|
<input type="email" name="email" placeholder="Email" />
|
|
<button type="submit">Submit</button>
|
|
</form>
|
|
</div>
|
|
<div class="popup-tab" id="reset-pass">
|
|
<span class="info" id="reset-info"></span>
|
|
<form id="reset-form" class="form">
|
|
<input type="password" name="pass" placeholder="Password" required />
|
|
<input
|
|
type="password"
|
|
name="pass_confirm"
|
|
placeholder="Confirm Password"
|
|
required
|
|
/>
|
|
<button type="submit">Submit</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|