lukas/mathquest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update tasks and sidebar

Browse Source
This commit is contained in:
Lukas Cremer
2026-01-25 22:01:09 +01:00
parent c0b29dc368
commit 8356ae9ebe
4 changed files with 176 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
public/index.html
View File

@@ -7,34 +7,38 @@
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<header>
<h1>🌟 MathQuest 🌟</h1>
<div class="points-display">
<div class="points-label">Quest-Punkte</div>
<div class="points-value" id="totalPoints">0</div>
</div>
</header>
<div class="app-wrapper">
<aside class="sidebar" id="sidebar">
<!-- Sidebar wird hier dynamisch eingefügt -->
</aside>
<div class="main-content">
<div class="container">
<header>
<h1>🌟 MathQuest 🌟</h1>
<div class="points-display">
<div class="points-label">Quest-Punkte</div>
<div class="points-value" id="totalPoints">0</div>
</div>
</header>
<div class="progress-section">
<div class="progress-label">Fortschritt</div>
<div class="progress-bar-container">
<div class="progress-bar" id="progressBar"></div>
</div>
<div class="progress-text" id="progressText">0 / 100</div>
</div>
<div class="progress-section">
<div class="progress-label">Fortschritt</div>
<div class="progress-bar-container">
<div class="progress-bar" id="progressBar"></div>
</div>
<div class="progress-text" id="progressText">0 / 100</div>
</div>
<div class="task-section">
<h2>Mathe-Aufgaben</h2>
<div class="tabs-container" id="tabsContainer">
<!-- Tabs werden hier dynamisch eingefügt -->
</div>
<div id="taskContainer" class="task-container">
<!-- Aufgaben werden hier dynamisch eingefügt -->
<div class="task-section">
<div id="chapterDescription" class="chapter-description"></div>
<div id="taskContainer" class="task-container">
<!-- Aufgaben werden hier dynamisch eingefügt -->
</div>
</div>
<div class="message" id="message"></div>
</div>
</div>
<div class="message" id="message"></div>
</div>
<script src="app.js"></script>