Refactor code structure for improved readability and maintainability
This commit is contained in:
@@ -1,14 +1,15 @@
|
||||
<nav class="fixed inset-x-0 top-0 z-50 pixel-navbar">
|
||||
<div class="mx-auto max-w-[120rem] px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between">
|
||||
<a href="#" class="flex items-center gap-2">
|
||||
<a href="#" class="flex items-center gap-3">
|
||||
<div class="pixel-coin" style="width: 20px; height: 20px;"></div>
|
||||
<span class="font-['Press_Start_2P'] text-sm"><%= appName %></span>
|
||||
<span class="font-['Press_Start_2P'] text-sm" style="color: var(--pixel-accent-3);"><%= appName %></span>
|
||||
<span class="pixel-star" style="width: 12px; height: 12px;"></span>
|
||||
</a>
|
||||
<div class="hidden md:flex items-center gap-6">
|
||||
<a href="#primeros-pasos" class="pixel-tooltip" data-tooltip="Empieza aquí">Guía</a>
|
||||
<a href="#minijuegos" class="pixel-tooltip" data-tooltip="Juega">Minijuegos</a>
|
||||
<a href="#economia" class="pixel-tooltip" data-tooltip="Gana dinero">Economía</a>
|
||||
<a href="#faq" class="pixel-tooltip" data-tooltip="Ayuda">FAQ</a>
|
||||
<a href="#primeros-pasos" class="pixel-tooltip" data-tooltip="✨ Empieza aquí">Guía</a>
|
||||
<a href="#minijuegos" class="pixel-tooltip" data-tooltip="🎮 Juega">Minijuegos</a>
|
||||
<a href="#economia" class="pixel-tooltip" data-tooltip="💰 Gana">Economía</a>
|
||||
<a href="#faq" class="pixel-tooltip" data-tooltip="❓ Ayuda">FAQ</a>
|
||||
</div>
|
||||
<button id="toggle-nav" class="md:hidden" aria-label="Abrir navegación">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
|
||||
@@ -1,33 +1,34 @@
|
||||
<nav id="toc" class="hidden lg:block w-full max-w-sm pixel-box lg:sticky lg:top-24 lg:max-h-[calc(100vh-6rem)] lg:w-80 lg:overflow-y-auto">
|
||||
<div class="font-['Press_Start_2P'] text-xs p-6 uppercase tracking-wide text-pixel-accent-4 pixel-corner">
|
||||
≡ Índice
|
||||
<div class="font-['Press_Start_2P'] text-xs p-6 uppercase tracking-wide pixel-corner flex items-center justify-between">
|
||||
<span style="color: var(--pixel-accent-3);">📖 Índice</span>
|
||||
<span class="pixel-candle" style="width: 8px; height: 12px;"></span>
|
||||
</div>
|
||||
<ul class="ps-8 mt-4 space-y-3 text-sm pb-6">
|
||||
<li><a href="#primeros-pasos">► Primeros Pasos</a></li>
|
||||
<li><a href="#comandos-basicos">► Comandos Básicos</a></li>
|
||||
<li><a href="#ejemplos-basicos">► Ejemplos Básicos</a></li>
|
||||
<li><a href="#sistema-juego">► Sistema de Juego</a></li>
|
||||
<li><a href="#minijuegos">► Minijuegos</a></li>
|
||||
<li><a href="#inventario-equipo">► Inventario y Equipo</a></li>
|
||||
<li><a href="#economia">► Economía</a></li>
|
||||
<li><a href="#tienda">► Tienda</a></li>
|
||||
<li><a href="#crafteo">► Crafteo</a></li>
|
||||
<li><a href="#logros">► Logros</a></li>
|
||||
<li><a href="#misiones">► Misiones</a></li>
|
||||
<li><a href="#racha-diaria">► Racha Diaria</a></li>
|
||||
<li><a href="#consumibles">► Consumibles</a></li>
|
||||
<li><a href="#cofres">► Cofres</a></li>
|
||||
<li><a href="#encantamientos">► Encantamientos</a></li>
|
||||
<li><a href="#fundicion">► Fundición</a></li>
|
||||
<li><a href="#ia">► IA</a></li>
|
||||
<li><a href="#recordatorios">► Recordatorios</a></li>
|
||||
<li><a href="#alianzas">► Alianzas</a></li>
|
||||
<li><a href="#admin">► Administración</a></li>
|
||||
<li><a href="#configuracion">► Configuración</a></li>
|
||||
<li><a href="#ejemplos-avanzados">► Ejemplos Avanzados</a></li>
|
||||
<li><a href="#estadisticas">► Estadísticas</a></li>
|
||||
<li><a href="#tips">► Tips y Trucos</a></li>
|
||||
<li><a href="#faq">► FAQ</a></li>
|
||||
<li><a href="#primeros-pasos">✦ Primeros Pasos</a></li>
|
||||
<li><a href="#comandos-basicos">✦ Comandos Básicos</a></li>
|
||||
<li><a href="#ejemplos-basicos">✦ Ejemplos Básicos</a></li>
|
||||
<li><a href="#sistema-juego">✦ Sistema de Juego</a></li>
|
||||
<li><a href="#minijuegos">✦ Minijuegos</a></li>
|
||||
<li><a href="#inventario-equipo">✦ Inventario y Equipo</a></li>
|
||||
<li><a href="#economia">✦ Economía</a></li>
|
||||
<li><a href="#tienda">✦ Tienda</a></li>
|
||||
<li><a href="#crafteo">✦ Crafteo</a></li>
|
||||
<li><a href="#logros">✦ Logros</a></li>
|
||||
<li><a href="#misiones">✦ Misiones</a></li>
|
||||
<li><a href="#racha-diaria">✦ Racha Diaria</a></li>
|
||||
<li><a href="#consumibles">✦ Consumibles</a></li>
|
||||
<li><a href="#cofres">✦ Cofres</a></li>
|
||||
<li><a href="#encantamientos">✦ Encantamientos</a></li>
|
||||
<li><a href="#fundicion">✦ Fundición</a></li>
|
||||
<li><a href="#ia">✦ IA</a></li>
|
||||
<li><a href="#recordatorios">✦ Recordatorios</a></li>
|
||||
<li><a href="#alianzas">✦ Alianzas</a></li>
|
||||
<li><a href="#admin">✦ Administración</a></li>
|
||||
<li><a href="#configuracion">✦ Configuración</a></li>
|
||||
<li><a href="#ejemplos-avanzados">✦ Ejemplos Avanzados</a></li>
|
||||
<li><a href="#estadisticas">✦ Estadísticas</a></li>
|
||||
<li><a href="#tips">✦ Tips y Trucos</a></li>
|
||||
<li><a href="#faq">✦ FAQ</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user