37 lines
1.1 KiB
HTML
37 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Meine Todos</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container todo-container">
|
|
<div class="header">
|
|
<h1>Meine Todo-Liste</h1>
|
|
<div id="auth-button-container">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="todo-app-content" style="display: none;">
|
|
<form id="add-todo-form">
|
|
<input type="text" id="new-todo-input" placeholder="Neue Aufgabe hinzufügen..." required>
|
|
<button type="submit" class="btn btn-add">+</button>
|
|
</form>
|
|
|
|
<ul id="todo-list">
|
|
</ul>
|
|
<p id="error-message" class="error-message"></p>
|
|
</div>
|
|
|
|
<div id="login-prompt" style="display: none;" class="login-prompt-container">
|
|
<p>Bitte melden Sie sich an, um Ihre Todos zu sehen und zu verwalten.</p>
|
|
<a href="/login" class="btn">Zur Anmeldung</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="script.js"></script> </body>
|
|
</html>
|