refactor i czytanie

2026-05-21 22:09:30 +02:00
parent 1dbad2a9f7
commit 07f6a614f2
9 changed files with 449 additions and 182 deletions
@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="pl">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
+    <title>Czytanie</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+
+    <!-- ── LIST SCREEN ── -->
+    <div id="list-wrap">
+      <nav class="nav-wrap">
+        <a href="index.html" class="back-to-hub" id="back-to-hub">← Menu</a>
+      </nav>
+      <div class="app-wrap">
+        <main class="screen" id="list-screen">
+          <h1 class="app-title">📖 Czytanie</h1>
+
+          <section class="panel">
+            <h2>Wybierz tekst</h2>
+            <div id="text-list" class="reading-list"></div>
+          </section>
+
+          <section class="panel">
+            <h2>Własny tekst</h2>
+            <textarea id="custom-input" class="custom-input"
+              placeholder="Wklej lub wpisz tekst…"></textarea>
+            <button id="custom-start-btn" class="mode-btn">Czytaj →</button>
+          </section>
+        </main>
+      </div>
+    </div>
+
+    <!-- ── READING SCREEN ── -->
+    <div id="read-wrap" class="read-wrap hidden">
+      <header class="read-header">
+        <button id="read-back-btn" class="read-nav-btn">← Lista</button>
+        <span id="read-title" class="read-title-text"></span>
+        <button id="speed-btn" class="read-nav-btn read-speed-btn">⏸</button>
+      </header>
+
+      <div class="read-viewport" id="read-viewport">
+        <div class="read-text" id="read-text"></div>
+      </div>
+
+      <button id="next-line-btn" class="next-line-btn" aria-label="Następna linia">▼</button>
+    </div>
+
+    <script src="nav.js"></script>
+    <script src="czytanie.js"></script>
+  </body>
+</html>