shni/amayo
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Mejorar la sección de badges con un diseño más compacto y accesible

Browse Source
This commit is contained in:
shnimlz
2025-10-10 00:13:21 -05:00
parent a10ffed4c8
commit 9787310e50
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/server/views/pages/index.ejs
View File

@@ -66,14 +66,13 @@
</div>
</div>
<!-- Segunda fila: Secciones -->
<div class="relative w-full max-w-4xl">
<!-- Segunda fila: Secciones (tercer badge pequeño) -->
<div class="flex justify-center w-full max-w-4xl">
<div class="relative flex-1 min-w-[240px] max-w-[320px]">
<img src="/assets/images/snap2.svg" alt="card background" class="w-full h-auto" style="display: block;">
<div class="absolute inset-0 flex flex-col items-center justify-center gap-2 py-6 px-4">
<span class="text-3xl" style="filter: drop-shadow(0 4px 8px rgba(0,0,0,0.4));">🎮</span>
<div class="text-center space-y-1">
<p class="text-2xl font-bold" style="color: var(--pixel-accent-3); text-shadow: 0 2px 6px rgba(0,0,0,0.5);">23 Secciones</p>
<p class="text-sm text-white/95 font-medium" style="text-shadow: 0 1px 3px rgba(0,0,0,0.5);">Sistema Completo • Creación de Contenido</p>
<div class="absolute inset-0 flex items-center gap-3 py-3 px-4">
<span class="text-xl" aria-hidden="true" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4));">🎮</span>
<p class="text-sm font-semibold text-white" style="text-shadow: 0 2px 4px rgba(0,0,0,0.5);">23 Secciones</p>
</div>
</div>
</div>