53 lines
1.5 KiB
HTML
53 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Kanban Board - EIS Projekt</title>
|
||
<link rel="icon" href="img/favicon.png" type="image/png">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link rel="stylesheet" href="css/kanban.css">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<script src="js/navbar.js"></script>
|
||
|
||
<main class="kanban-main">
|
||
<section class="kanban-header">
|
||
<h1>📊 Kanban Board</h1>
|
||
<p>Organisiere deine Aufgaben mit Drag & Drop</p>
|
||
|
||
<div class="header-actions">
|
||
<button id="addColumnBtn" class="btn btn-primary">+ Neue Spalte</button>
|
||
<button id="exportBtn" class="btn btn-secondary">📥 Als JSON exportieren</button>
|
||
<button id="importBtn" class="btn btn-secondary">📤 JSON importieren</button>
|
||
<button id="resetBtn" class="btn btn-danger">🔄 Zurücksetzen</button>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="kanban-container" id="kanbanContainer">
|
||
<!-- Spalten werden hier eingefügt -->
|
||
</div>
|
||
|
||
<!-- Hidden import file input -->
|
||
<input type="file" id="importFileInput" accept=".json" style="display: none;">
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="footer-content">
|
||
<div class="footer-section">
|
||
<h3>Kanban Board</h3>
|
||
<p>Single-Page-App mit Drag & Drop und localStorage Persistenz</p>
|
||
</div>
|
||
<div class="footer-section">
|
||
<p>© 2025 – EIS Lernprojekt an der PH Weingarten</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/kanban.js"></script>
|
||
|
||
</body>
|
||
</html>
|