- Estante: entradas desde el menú, la librería y la ficha; orden reciente o A–Z; foto del estante, arte de lomos y portadas guardados en el dispositivo; sin conexión muestra solo lo guardado. - Notas de 40 letras sin cortar palabras, lomo curvo, sombra en las portadas de frente y lomos con logo sin el título. - Pósit cuadrado con el capítulo y la página por la que va el usuario; paso al lector sin pantalla de carga. - Giroscopio: integra rotationRate (sin los saltos de β/γ con el dispositivo vertical), tope suave, menos sensibilidad al caminar, lado en horizontal según la gravedad, suavizado por tiempo y más rango en el estante y el libro. - Laboratorio del giroscopio en Ajustes (temporal, solo desarrollo) para grabar los sensores. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
38 lines
1.4 KiB
HTML
38 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="sw-version" content="">
|
|
<meta name="b3d-version" content="">
|
|
<meta name="shelf-version" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
<meta name="theme-color" content="#14121a">
|
|
<title>Manga Reader</title>
|
|
<link rel="icon" href="/icon.svg">
|
|
<link rel="manifest" href="/manifest.webmanifest">
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
<meta name="apple-mobile-web-app-title" content="Mangas">
|
|
<link rel="stylesheet" href="/style.css">
|
|
</head>
|
|
<body>
|
|
<header id="topbar">
|
|
<a href="#/" class="brand"><img src="/icon.svg" alt="" width="26" height="26"> <span>Manga Reader</span></a>
|
|
<nav>
|
|
<a href="#/" data-icon="home">Inicio</a>
|
|
<a href="#/library" data-icon="library">Librería</a>
|
|
<a href="#/shelf" data-icon="shelf">Estante</a>
|
|
<a href="#/queues" data-icon="queue">Colas</a>
|
|
<a href="#/clips" data-icon="scissors">Recortes</a>
|
|
<a href="#/stats" data-icon="chart">Estadísticas</a>
|
|
<a href="#/settings" data-icon="settings">Ajustes</a>
|
|
</nav>
|
|
</header>
|
|
<main id="app"></main>
|
|
<div id="toast" hidden></div>
|
|
<script type="module" src="/app.js"></script>
|
|
</body>
|
|
</html>
|