58 lines
2.3 KiB
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> |