71 lines
1.9 KiB
HTML
71 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="it">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Link Manager</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
|
|
<h1>Link Manager</h1>
|
|
|
|
<!-- AUTH -->
|
|
<section id="authSection">
|
|
<div class="card">
|
|
<h2>Accedi</h2>
|
|
<form id="loginForm">
|
|
<input type="email" name="email" placeholder="Email" required>
|
|
<input type="password" name="password" placeholder="Password" required>
|
|
<button type="submit">Login</button>
|
|
</form>
|
|
|
|
<h3>Oppure registrati</h3>
|
|
<form id="registerForm">
|
|
<input type="email" name="email" placeholder="Email" required>
|
|
<input type="password" name="password" placeholder="Password" required>
|
|
<button type="submit">Registrati</button>
|
|
</form>
|
|
|
|
<div id="authStatus"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- LINKS -->
|
|
<section id="linkSection" style="display:none;">
|
|
<div class="card">
|
|
<h2>Nuovo link</h2>
|
|
<form id="linkForm">
|
|
<input type="text" name="name" placeholder="Nome" required>
|
|
<input type="text" name="url" placeholder="URL" required>
|
|
<input type="file" name="icon" accept="image/*">
|
|
<button type="submit">Salva</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h2>I tuoi link</h2>
|
|
<div id="list"></div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<script type="module" src="app.js"></script>
|
|
<div id="editModal" class="modal" style="display:none;">
|
|
<div class="modal-content">
|
|
<h3>Modifica link</h3>
|
|
|
|
<form id="editForm">
|
|
<input type="text" name="name" placeholder="Nome">
|
|
<input type="text" name="url" placeholder="URL">
|
|
<input type="file" name="icon" accept="image/*">
|
|
|
|
<button type="submit">Salva modifiche</button>
|
|
<button type="button" id="closeModal">Annulla</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|