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

feat: Rediseño de interfaz con temática de Halloween

Browse Source 
- Actualización de estilos CSS en pixel-sections.css para reflejar una paleta de colores suave de Halloween, incluyendo cambios en gradientes, bordes y sombras.
- Modificación de elementos en index.ejs para incluir decoraciones de Halloween como calabazas y fantasmas.
- Ajustes en layout.ejs y navbar.ejs para incorporar iconos y tooltips relacionados con Halloween.
- Creación de un nuevo archivo README para documentar los cambios y la nueva paleta de colores.
This commit is contained in:
shni
2025-10-09 21:47:18 -05:00
parent 36aeb5573a
commit dbb098e2bf
6 changed files with 767 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/server/views/index.ejs
View File

@@ -7,13 +7,13 @@
<header class="relative overflow-hidden py-20 sm:py-28">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 relative">
<div class="max-w-5xl mx-auto text-center space-y-12">
<!-- Badge Pixel Art con decoración -->
<!-- Badge Pixel Art con decoración de Halloween -->
<div class="inline-block relative">
<span class="pixel-star absolute -left-8 top-0"></span>
<span class="pixel-pumpkin absolute -left-12 top-0"></span>
<div class="pixel-badge">
<%= appName %> • v<%= version %>
</div>
<span class="pixel-star absolute -right-8 top-0" style="animation-delay: 1s;"></span>
<span class="pixel-ghost absolute -right-12 top-0" style="animation-delay: 1s;"></span>
</div>
<!-- Título Principal -->
@@ -26,11 +26,13 @@
</h2>
</div>
<!-- Decoración con velas -->
<div class="flex justify-center gap-8">
<span class="pixel-candle"></span>
<span class="pixel-candle" style="animation-delay: 0.5s;"></span>
<span class="pixel-candle" style="animation-delay: 1s;"></span>
<!-- Decoración de Halloween con murciélagos y estrellas -->
<div class="flex justify-center gap-8 items-center">
<span class="pixel-bat"></span>
<span class="pixel-star-halloween">✦</span>
<span class="pixel-pumpkin" style="animation-delay: 0.5s;"></span>
<span class="pixel-star-halloween" style="animation-delay: 0.8s;">✦</span>
<span class="pixel-ghost" style="animation-delay: 1s;"></span>
</div>
<!-- Descripción -->