feat: mejorar contenido y diseño en secciones de EJS, actualizando descripciones y añadiendo ejemplos

This commit is contained in:
2025-10-07 12:53:08 -05:00
parent e219778044
commit 33d880b4a0
8 changed files with 208 additions and 22 deletions

View File

@@ -1,4 +1,60 @@
<section id="creacion-contenido" class="rounded-3xl bg-gradient-to-br from-red-900/20 to-orange-900/20 backdrop-blur-xl border border-red-500/30 p-8 shadow-2xl">
<h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-red-200 to-orange-200">🎨 Creación de Contenido</h2>
<p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
<p class="text-slate-100">Todo desde Discord, sin tocar código: editores con botones y modales para crear items, áreas, mobs, recetas y ofertas.</p>
<div class="grid gap-6 md:grid-cols-2">
<div class="space-y-3 rounded-2xl border border-white/5 bg-black/20 p-5">
<h3 class="text-lg font-semibold text-white">📦 Items: crear/editar</h3>
<div class="bg-black/30 p-3 rounded-lg text-sm">
<pre class="text-orange-200 whitespace-pre-wrap">!item-crear &lt;key&gt;
Base → nombre, descripción, stackable, icon
Tags → etiquetas
Props (JSON) → tool/food/breakable/…
Receta → ingredientes y output (⭐ nuevo)</pre>
</div>
<p class="text-slate-300 text-sm">Usa <span class="font-mono">!item-editar</span>, <span class="font-mono">!item-ver</span>, <span class="font-mono">!items-lista</span> para gestionar.</p>
</div>
<div class="space-y-3 rounded-2xl border border-white/5 bg-black/20 p-5">
<h3 class="text-lg font-semibold text-white">🧭 Áreas y Niveles</h3>
<div class="bg-black/30 p-3 rounded-lg text-sm">
<pre class="text-orange-200 whitespace-pre-wrap">!area-crear mine.iron_cavern
!area-nivel mine.iron_cavern 1
Config → cooldown, descripción, icono
Requisitos → herramienta/tier
Recompensas → tabla y pesos
Mobs → tabla y pesos</pre>
</div>
</div>
</div>
<div class="grid gap-6 md:grid-cols-2 mt-6">
<div class="space-y-3 rounded-2xl border border-white/5 bg-black/20 p-5">
<h3 class="text-lg font-semibold text-white">👹 Mobs</h3>
<div class="bg-black/30 p-3 rounded-lg text-sm">
<pre class="text-orange-200 whitespace-pre-wrap">!mob-crear goblin
Base → nombre, categoría
Stats (JSON) → attack, hp, defense, xp
Drops (JSON) → tabla con pesos</pre>
</div>
</div>
<div class="space-y-3 rounded-2xl border border-white/5 bg-black/20 p-5">
<h3 class="text-lg font-semibold text-white">🛒 Ofertas de Tienda</h3>
<div class="bg-black/30 p-3 rounded-lg text-sm">
<pre class="text-orange-200 whitespace-pre-wrap">!offer-crear
Base → itemKey, habilitada
Precio (JSON) → coins y/o items
Límites → por usuario / stock global
Ventana → fechas inicio/fin</pre>
</div>
</div>
</div>
<div class="mt-6 rounded-2xl border border-orange-500/30 bg-orange-500/10 p-5 text-sm text-orange-100">
<strong class="block text-base font-semibold text-orange-200 mb-2">Recomendaciones</strong>
<ul class="list-disc pl-5 space-y-1">
<li>Usa keys en minúsculas y sin espacios (únicas por servidor).</li>
<li>Guarda plantillas de Props JSON para acelerar creación.</li>
<li>Prueba inmediatamente tras crear: <span class="font-mono">!craftear</span>, <span class="font-mono">!abrir</span>, <span class="font-mono">!equipar</span>.</li>
</ul>
</div>
</section>