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

Refactor code structure for improved readability and maintainability

Browse Source
This commit is contained in:
shnimlz
2025-10-09 23:04:33 -05:00
parent 575ec15948
commit 38c1abdb01
4 changed files with 102 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/server/views/layouts/layout.ejs
View File

@@ -19,7 +19,7 @@
<%= head %>
<% } %>
</head>
<body class="min-h-screen pixel-grid-bg pt-14">
<body class="min-h-screen pixel-grid-bg pt-14" style="background-image: url('/assets/images/background.svg'); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat;">
<%- await include('../partials/navbar', { appName }) %>

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

@@ -3,7 +3,7 @@
<div class="max-w-5xl mx-auto text-center space-y-12">
<!-- Badge Moderno con decoraciones sutiles -->
<div class="inline-block relative">
<span class="pixel-pumpkin absolute" style="left: -40px; top: 50%; transform: translateY(-50%);"></span>
<span class="pixel-ghost absolute" style="left: -40px; top: 50%; transform: translateY(-50%);"></span>
<div class="pixel-badge">
<%= appName %> • v<%= version %>
</div>
@@ -15,7 +15,7 @@
<h1 class="text-5xl sm:text-6xl md:text-7xl lg:text-8xl leading-tight">
Guía Completa
</h1>
<h2 class="text-4xl sm:text-5xl md:text-6xl" style="font-family: 'Inter', sans-serif; background: linear-gradient(135deg, #a78bfa, #f59e0b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">
<h2 class="text-4xl sm:text-5xl md:text-6xl" style="font-family: 'Press Start 2P', monospace; background: linear-gradient(135deg, #a78bfa, #f59e0b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">
<%= appName %>
</h2>
</div>
@@ -29,22 +29,10 @@
<span class="pixel-star-halloween" style="animation-delay: 1.5s;">✦</span>
</div>
<!-- Descripción con diseño moderno -->
<div class="pixel-box max-w-3xl mx-auto">
<p class="text-xl sm:text-2xl leading-relaxed" style="color: var(--text-secondary);">
Sistema completo de
<span class="gradient-text font-semibold">economía</span>,
<span class="gradient-text font-semibold">minijuegos</span>,
<span class="gradient-text font-semibold">misiones</span> y
<span class="gradient-text font-semibold">IA</span>
para Discord
</p>
</div>
<!-- Botones de Acción -->
<div class="flex flex-col sm:flex-row gap-6 justify-center items-center pt-4">
<a href="#primeros-pasos" class="block hover:scale-105 transition-transform duration-300">
<img src="/assets/images/boton_entrar.svg" alt="Comenzar ahora" class="w-full h-auto" style="max-width: 350px; filter: drop-shadow(0 4px 12px rgba(255, 179, 71, 0.3));">
<img src="/assets/images/boton_entrar.svg" alt="Comenzar ahora" class="w-full h-auto" style="max-width: 450px; filter: drop-shadow(0 4px 12px rgba(255, 179, 71, 0.3));">
</a>
</div>