feat: Add comprehensive sections for basic examples, enchantments, statistics, FAQs, smelting, AI, inventory, achievements, mini-games, missions, first steps, daily streaks, reminders, game system, shop, and tips in EJS format

This commit is contained in:
2025-10-09 21:14:12 -05:00
parent d9734ba948
commit dae147154f
41 changed files with 3275 additions and 148 deletions

View File

@@ -1,16 +1,20 @@
<nav class="fixed inset-x-0 top-0 z-50 border-b border-white/10 bg-slate-950/70 backdrop-blur">
<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="text-white font-bold tracking-wide"><%= appName %></a>
<div class="hidden md:flex items-center gap-4 text-sm">
<a href="#primeros-pasos" class="text-slate-300 hover:text-white">Guía</a>
<a href="#minijuegos" class="text-slate-300 hover:text-white">Minijuegos</a>
<a href="#economia" class="text-slate-300 hover:text-white">Economía</a>
<a href="#faq" class="text-slate-300 hover:text-white">FAQ</a>
<a href="#" class="flex items-center gap-2">
<div class="pixel-coin" style="width: 20px; height: 20px;"></div>
<span class="font-['Press_Start_2P'] text-sm"><%= appName %></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>
</div>
<button id="toggle-nav" class="md:hidden text-slate-300 hover:text-white" aria-label="Abrir navegación">
<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">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
</nav>

View File

@@ -1,32 +1,33 @@
<nav id="toc" class="hidden lg:block w-full max-w-sm rounded-3xl border border-white/10 bg-slate-900/80 text-left shadow-2xl shadow-indigo-500/20 lg:sticky lg:top-24 lg:max-h-[calc(100vh-6rem)] lg:w-80 lg:overflow-y-auto">
<div class="text-xs p-6 font-semibold uppercase tracking-[0.3em] text-slate-400">
Índice de Contenidos
<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>
<ul class="ps-8 mt-4 space-y-4 text-sm">
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#primeros-pasos">🚀 Primeros Pasos</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#comandos-basicos"> Comandos Básicos</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#ejemplos-basicos">🧭 Ejemplos Básicos</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#sistema-juego">🎮 Sistema de Juego</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#minijuegos">🎯 Minijuegos y Actividades</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#inventario-equipo">🎒 Inventario y Equipo</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#economia">💰 Sistema de Economía</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#tienda">🛒 Tienda y Compras</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#crafteo">🛠️ Crafteo y Creación</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#logros">🏆 Logros</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#misiones">📝 Misiones</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#racha-diaria">🔥 Racha Diaria</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#consumibles">🍖 Consumibles y Pociones</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#cofres">🎁 Cofres y Recompensas</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#encantamientos"> Encantamientos</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#fundicion">🔥 Fundición</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#ia">🤖 Inteligencia Artificial</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#recordatorios"> Recordatorios</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#alianzas">🤝 Sistema de Alianzas</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#admin">⚙️ Administración (Admin)</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#configuracion">🔧 Configuración Servidor</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#ejemplos-avanzados">🧪 Ejemplos Avanzados</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#estadisticas">📊 Estadísticas</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#tips">💡 Tips y Trucos</a></li>
<li><a class="text-slate-200 transition hover:text-indigo-300" href="#faq">❓ Preguntas Frecuentes</a></li>
<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>
</ul>
</nav>