71 lines
2.8 KiB
HTML
71 lines
2.8 KiB
HTML
<div id="topBar">
|
|
<h1 id="homeButton">METH</h1>
|
|
<div id="loginButton">
|
|
<p>LOGIN</p>
|
|
</div>
|
|
<div id="popMenuLoginButton">
|
|
<p>Profil</p>
|
|
<p>Settings</p>
|
|
<p>Logout</p>
|
|
</div>
|
|
</div>
|
|
<div class="popup-background-delete" id="popup-background-delete">
|
|
<div class="popup-delete">
|
|
<h1>Are you sure you want to delete your account ?</h1>
|
|
<input type="text" id="username-delete" placeholder="Username">
|
|
<button class="delete-btn" id="deleteButton">Delete the account</button>
|
|
</div>
|
|
</div>
|
|
<div id="settingsBody">
|
|
<div class="container-settings">
|
|
<div class="left-section">
|
|
<div class="form-group-settings">
|
|
<label for="email">Email</label>
|
|
<input type="email" id="email" placeholder="Email">
|
|
</div>
|
|
|
|
<div class="form-group-settings">
|
|
<label for="username">Username</label>
|
|
<input type="text" id="username" placeholder="Username">
|
|
<div class="form-footer">
|
|
<small>Your username allows other players to find you.</small>
|
|
<button class="save-btn-settings" id="usernameButtonSave">SAVE</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group-settings">
|
|
<label for="discord">Discord</label>
|
|
<input type="text" id="discord" placeholder="Discord">
|
|
<div class="form-footer">
|
|
<small>Share your discord for more fun!</small>
|
|
<button class="save-btn-settings" id="discordButtonSave">SAVE</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="right-section">
|
|
<div class="form-group-settings">
|
|
<label for="password">Password</label>
|
|
<input type="password" id="password" placeholder="Password">
|
|
</div>
|
|
|
|
<div class="form-group-settings">
|
|
<label for="new-password">New password</label>
|
|
<input type="password" id="new-password" placeholder="New password">
|
|
</div>
|
|
|
|
<div class="form-group-settings">
|
|
<label for="confirm-password">Confirm new password</label>
|
|
<input type="password" id="confirm-password" placeholder="Confirm password">
|
|
<div class="form-footer">
|
|
<small>We advise you to change your password regularly to reduce the risk of unauthorized access.</small>
|
|
<button class="save-btn-settings" id="passwordButtonSave">SAVE</button>
|
|
</div>
|
|
</div>
|
|
|
|
<button class="delete-btn" id="buttonShowDeleteMenu">Delete the account</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="divNotification">
|
|
</div> |