Files
LerningCSW/MainPage/stas/WoerterLernen.html

58 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meine Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="main-header">
<h1>Flashcards Generator</h1>
</header>
<div class="main-wrapper">
<div class="section-title" id="title">
<div class="content" ">
<label for="inputText" class="inputText">Sende deine Wortliste an ChatGPT mit folgender Anweisung:</label>
</div>
<div id="aufgabe_fuer_gpt">
<pre id="formatText">
Bitte formatiere meine Wortliste exakt nach folgendem Schema.
Jeder Eintrag muss durch eine Leerzeile getrennt sein.
Englisches Wort
[IPA-Transkription]
Beispielsatz auf Englisch
Deutsche Übersetzung des Wortes
Beispielsatz auf Deutsch
</pre>
<button id="copyButton" style="position: absolute; top: 5px; right: 5px; cursor: pointer;">📋</button>
</div>
<div id="inputHinweis">
<div class="content">
<label for="inputText" class="section-title">Füge deinen Text hier ein</label>
<textarea id="inputText" placeholder="Hier Text einfügen..."></textarea>
</div>
</div>
</div>
<div class="button-wrapper">
<button id="kartenErstellen">Karten erstellen</button>
</div>
<div id="modusAuswahlSeite" style="display:none; text-align:center; margin-top:20px;">
<h2>Wählt einen Modus:</h2>
<button class="modus-btn" data-modus="druck">📄 PDF erstellen</button>
<button class="modus-btn" data-modus="training_einfach">🃏 Online-Training</button>
<button class="modus-btn" data-modus="statistik">📊 Statistik</button>
</div>
<div id="kartenContainer"></div>
<div id="flashcards-container"></div>
<div class="button-wrapper">
<button id="druckenBtn" style="display:none;">Drucken</button>
</div>
<script src="eigenerCode.js"></script>
</div>
</body>
</html>