SyedM/infinsweeper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make accounts frontend!

Browse Source
This commit is contained in:
Syed Daanish
2025-06-26 18:08:59 +03:00
parent 652b391d6f
commit 169c4faa7d
7 changed files with 285 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

@@ -7,6 +7,12 @@
name="viewport"
content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=WDXL+Lubrifont+JP+N&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="src/assets/style.css" />
<script type="module" src="src/js/accounts.js"></script>
</head>
@@ -22,37 +28,46 @@
<div class="header-right">
<button class="account-button" id="login-button">LOGIN</button>
<button class="account-button" id="signup-button">SIGN UP</button>
<button class="account-button" id="logout-button">LOGOUT</button>
<button class="account-button" id="forgot-button">
FORGOT - DEBUG
</button>
</div>
</div>
<canvas id="main-canvas"></canvas>
<script type="module" src="src/js/game.js"></script>
<div class="popup">
<div class="popup" id="popup">
<span class="close" id="close">&times;</span>
<div class="popup-tab" id="login">
<span class="info" id="login-info"></span>
<form id="login-form" class="form">
<label for="username">USERNAME</label>
<input type="text" name="username" placeholder="Username" required />
<label for="pass">PASSWORD</label>
<input type="password" name="pass" placeholder="Password" required />
<button type="submit">Login</button>
<button type="submit">LOGIN</button>
<span class="info" id="login-info"></span>
</form>
</div>
<div class="popup-tab" id="signup">
<form id="signup-form" class="form">
<span class="info" id="signup-info"></span>
<label for="username">USERNAME</label>
<input type="text" name="username" placeholder="Username" required />
<label for="email">EMAIL</label>
<input type="email" name="email" placeholder="Email" required />
<label for="pass">PASSWORD</label>
<input type="password" name="pass" placeholder="Password" required />
<button type="submit">Sign Up</button>
<button type="submit">SIGN UP</button>
<span class="info" id="signup-info"></span>
</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>
<button type="submit">SUBMIT</button>
<span class="info" id="forgot-info"></span>
</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
@@ -61,7 +76,8 @@
placeholder="Confirm Password"
required
/>
<button type="submit">Submit</button>
<button type="submit">SUBMIT</button>
<span class="info" id="reset-info"></span>
</form>
</div>
</div>