Inna/NightSpire
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web-next: migrar toda la UI al tema real nw-ryu

Browse Source 
Reescritura completa del frontend Next.js del sistema visual Tailwind
"simulado" al tema Django original (nw-ryu), para paridad pixel con la
web actual antes del cutover.

- Tema real: copia de static/nw-themes/nw-ryu + favicons a public/, el
  layout carga el novavow-style.css real de ultimo (gana la cascada sobre
  Tailwind) + Font Awesome.
- Shell replicando los partials Django: SiteHeader, Video, Social, Footer,
  ServerClock; home con estructura real (main-page/middle-content/...).
- Helpers reutilizables: PageShell (main-page > middle-content > body-content
  > title-content) y ServiceBox (title-box-content + back-to-account).
- Paginas migradas a clases reales del tema (fieldset/tool-button/char-box/
  item-box/info-box-light/max-center-table/alert-message/botones reales),
  eliminando el markup Tailwind (.nw-btn/.nw-card/.nw-input):
  auth (login/register/recover/reset/select-account/activate),
  cuenta + servicios de personaje (revive/unstuck/rename/customize/
  change-race/change-faction/level-up/gold/transfer + pago Stripe),
  ajustes (change-password/change-email/security-token),
  comunidad (vote-points/recruit/battlepay), foro completo, y
  admin (indice + 7 secciones + los Admin*Manager).
- Se conserva el bilingue (next-intl); claves nuevas en messages/es|en.json.

Verificado: typecheck + build OK; rutas protegidas 307->login; sin
MISSING_MESSAGE; cero Tailwind residual (solo .nw-tool-btn/.nw-page,
clases propias en globals.css).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Inna Hoover Brown
2026-07-13 09:54:58 +00:00
parent 8bb18838ff
commit cc158d3819
230 changed files with 7899 additions and 1386 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web-next/app/globals.css
+63 -8
View File
@@ -16,14 +16,9 @@
color-scheme: dark;
}
body {
background:
radial-gradient(1100px 520px at 50% -8%, rgba(215, 150, 2, 0.12), transparent 62%),
linear-gradient(180deg, #1b120b 0%, #120b07 100%);
background-attachment: fixed;
color: var(--color-nw-text);
min-height: 100vh;
}
/* El fondo, la tipografía (FuturaEF-Book) y los estilos base del <body>
los controla el tema real nw-ryu (novawow-style.css), cargado en el <head>
del layout. No los redefinimos aquí para que el tema Django quede idéntico. */
/* Componentes reutilizables */
@layer components {
@@ -49,6 +44,66 @@ body {
color: #7cc0f7;
}
/* Foro: textarea con el look del tema real (el tema nw-ryu no estiliza textarea base). */
textarea {
width: 100%;
background-color: #000;
border: 2px solid #352e2b;
color: #fff;
font-family: 'FuturaEF-Book';
font-size: 17px;
padding: 8px;
transition: 0.5s;
}
textarea:focus {
border-color: #948474;
}
/* Foro: barra de herramientas del editor y paginación (colores del tema). */
.nw-tool-btn {
border: 2px solid #352e2b;
background: hsla(0, 0%, 100%, 0.05);
color: #ebdec2;
padding: 4px 10px;
cursor: pointer;
transition: 0.3s;
}
.nw-tool-btn:hover {
background: hsla(0, 0%, 100%, 0.1);
color: #fff;
}
.nw-page-link {
display: inline-block;
min-width: 34px;
padding: 4px 8px;
margin: 0 2px;
border: 2px solid #352e2b;
color: #2471a9;
}
.nw-page-link:hover {
color: #fff;
}
.nw-page-current {
border-color: #b17c02;
color: #d79602;
}
/* Contenido de posts del foro */
.post-content {
line-height: 22px;
}
.post-content a {
color: #2471a9;
}
/* Panel de admin: campos a ancho completo dentro de la caja del formulario. */
.admin-form input,
.admin-form textarea,
.admin-form select {
width: 100%;
box-sizing: border-box;
margin-bottom: 10px;
}
/* Colores de clase de WoW (nombre de personaje) */
.class-warrior { color: #c79c6e; }
.class-paladin { color: #f58cba; }