sascha/englisch6a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

app/templates/index.html aktualisiert

Browse Source
This commit is contained in:
sascha 2026-01-28 18:39:24 +00:00
parent c5e17e8c77
commit 2b67110527
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/templates/index.html
View File

@ -4,14 +4,13 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vokabeltrainer 6a</title>
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/style_v2.css">
</head>
<body>
<div class="container">
<h1>Vokabeltrainer 6a</h1>
<div id="setup-screen">
<div class="section-title">1. Was lernen wir?</div>
<div class="button-group">
<button onclick="selectMainMode('vocab')" id="btn-main-vocab" class="mode-btn">Vokabeln</button>
@ -37,12 +36,12 @@
<div id="page-section" style="display:none; margin-top: 30px;">
<button class="action-btn secondary" onclick="openPageOverlay()">Buchseiten wählen</button>
<div id="selected-pages-display" style="margin: 10px 0; font-weight: bold; color: #555;">Alle Seiten</div>
<div id="selected-pages-display" style="margin: 10px 0; font-weight: bold; color: red;">Keine Seiten gewählt!</div>
<button class="action-btn primary" id="btn-start" onclick="startQuiz()" disabled>Starten</button>
</div>
</div>
<div id="quiz-screen" style="display:none;">
<div id="quiz-screen" style="display:none;">
<div class="card">
<div class="label" id="q-label">Frage</div>
<div class="question" id="q-text">...</div>
@ -56,7 +55,6 @@
<input type="text" id="inp-part" placeholder="Past Participle" autocomplete="off">
</div>
</div>
<div id="feedback" class="feedback"></div>
</div>
@ -66,16 +64,15 @@
<button class="action-btn danger" onclick="stopQuiz()">Beenden</button>
</div>
</div>
</div>
<div id="overlay" class="overlay">
<div class="overlay-content">
<h2>Seiten auswählen</h2>
<div style="display: flex; gap: 10px; margin-bottom: 10px;">
<button onclick="toggleAllPages(false)" style="padding: 5px; font-size: 0.9rem; background: #eee;">Alle abwählen</button>
<button onclick="toggleAllPages(true)" style="padding: 5px; font-size: 0.9rem; background: #eee;">Alle auswählen</button>
<button onclick="toggleAllPages(true)" style="padding: 10px; font-size: 0.9rem; background: #eee;">Alle auswählen</button>
<button onclick="toggleAllPages(false)" style="padding: 10px; font-size: 0.9rem; background: #eee;">Alle abwählen</button>
</div>
<div id="page-list" class="page-grid"></div>
<button class="action-btn primary" onclick="closeOverlay()">Fertig</button>
</div>