- Lector por páginas: animaciones Pasar hoja (la hoja se curva al levantarla, con sombra), deslizar y fundido; hacia atrás la página anterior vuelve y se coloca encima. - app.js, style.css y sw.js se sirven con ?v=<hash> para que ni el proxy ni el navegador den una copia vieja. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="sw-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="#/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>
|