canvis al disseny

.eleventy.js

@@ -33,7 +33,7 @@ module.exports = function (eleventyConfig) {
   // Filtro para formatear fechas en español
   eleventyConfig.addFilter("dateFormat", function (dateStr) {
     const d = new Date(dateStr + "T00:00:00");
-    return d.toLocaleDateString("es-ES", {
+    return d.toLocaleDateString("ca-ES", {
       year: "numeric",
       month: "long",
       day: "numeric",

CLAUDE.md

@@ -4,7 +4,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ## Project Overview
 
-JAILGAMES is a static website for publishing and downloading indie games. Built with **Eleventy (11ty) v3** using Nunjucks templates, served via **Nginx in Docker**. The site language is Spanish.
+JAILGAMES is a static website for publishing and downloading indie games. Built with **Eleventy (11ty) v3** using Nunjucks templates, served via **Nginx in Docker**. **The entire site must be in Valencian (Catalan variant).** All UI text, game descriptions, taglines, and any user-facing content must be written in Valencian.
 
 ## Commands
 

src/404.njk

@@ -1,12 +1,12 @@
 ---
 layout: base.njk
-title: "404 — Página no encontrada — JAILGAMES"
+title: "404 — Pàgina no trobada — JAILGAMES"
 permalink: /404.html
 ---
 
 <div class="not-found">
   <h1>404</h1>
-  <h2>Página no encontrada</h2>
-  <p>La página que buscas no existe o ha sido movida.</p>
-  <a href="/" class="download-btn" style="display:inline-flex;">&#8592; Volver al catálogo</a>
+  <h2>Pàgina no trobada</h2>
+  <p>La pàgina que busques no existeix o s'ha mogut.</p>
+  <a href="/" class="download-btn" style="display:inline-flex;">&#8592; Tornar al catàleg</a>
 </div>

src/_data/site.json

@@ -1,6 +1,6 @@
 {
   "name": "JAILGAMES",
-  "tagline": "Juegos caseros, hechos con cariño",
+  "tagline": "Jocs casolans, fets amb estima",
   "url": "http://localhost",
-  "lang": "es"
+  "lang": "ca"
 }

src/_includes/base.njk

@@ -12,7 +12,6 @@
   <header class="site-header">
     <a href="/" class="site-header__logo-link">
       <img src="/logo/jailgames-logo.svg" alt="{{ site.name }}" class="site-logo" />
-      <span class="site-header__name">{{ site.name }}</span>
     </a>
   </header>
 
@@ -21,7 +20,7 @@
   </main>
 
   <footer class="site-footer">
-    <p>{{ site.name }} &middot; Hecho con &#x2665;</p>
+    <p>{{ site.name }} &middot; Fet amb &#x2665;</p>
   </footer>
 
   <script src="/js/main.js"></script>

src/_includes/game-page.njk

@@ -26,6 +26,7 @@ layout: base.njk
   <section class="game-detail__screenshots">
     {% for img in game.screenshots %}
       <img src="{{ img }}" alt="Captura {{ loop.index }} de {{ game.name }}"
+
            loading="lazy" class="game-detail__screenshot" />
     {% endfor %}
   </section>
@@ -36,7 +37,7 @@ layout: base.njk
   </section>
 
   <section class="game-detail__downloads">
-    <h2>Descargar</h2>
+    <h2>Descarregar</h2>
     <div class="download-buttons">
       {% for dl in game.downloads %}
         <a href="{{ dl.file }}" class="download-btn" download>
@@ -55,6 +56,6 @@ layout: base.njk
   </section>
   {% endif %}
 
-  <a href="/" class="back-link">&#8592; Volver al catálogo</a>
+  <a href="/" class="back-link">&#8592; Tornar al catàleg</a>
 
 </article>

src/css/style.css

@@ -88,13 +88,6 @@ h1, h2, h3 {
   object-fit: contain;
 }
 
-.site-header__name {
-  font-family: var(--font-heading);
-  font-size: 1.4rem;
-  font-weight: 700;
-  letter-spacing: 0.05em;
-  color: var(--color-primary);
-}
 
 /* =============================================
    MAIN
@@ -131,7 +124,7 @@ h1, h2, h3 {
    ============================================= */
 .games-grid {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   gap: 1.5rem;
   padding: 1rem 0;
 }
@@ -159,7 +152,7 @@ h1, h2, h3 {
 
 .game-card__image {
   width: 100%;
-  height: 200px;
+  aspect-ratio: 4 / 3;
   background-color: var(--color-accent);
   display: flex;
   align-items: center;
@@ -294,9 +287,9 @@ h1, h2, h3 {
 }
 
 .game-detail__screenshot {
-  width: 320px;
-  min-width: 280px;
-  height: 180px;
+  width: 400px;
+  min-width: 320px;
+  aspect-ratio: 4 / 3;
   object-fit: cover;
   border-radius: var(--radius);
   border: 1px solid var(--color-border);
@@ -483,11 +476,11 @@ h1, h2, h3 {
 }
 
 /* =============================================
-   RESPONSIVE — Tablet (≤ 1024px)
+   RESPONSIVE — Desktop gran (≥ 1200px)
    ============================================= */
-@media (max-width: 1024px) {
+@media (min-width: 1200px) {
   .games-grid {
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: repeat(3, 1fr);
   }
 }
 

src/games/arounders.yaml

@@ -0,0 +1,42 @@
+name: "Arounders"
+slug: "arounders"
+tagline: "Guia els arounders fins a la porta de sortida"
+description: |
+  Joc de puzzles on has de guiar uns personatges anomenats "arounders" a
+  través de nivells, movent-los d'una porta a una altra. Utilitza accions
+  estratègiques com cavar, escalar, perforar, construir escales i ponts,
+  i usar cordes per superar obstacles.
+
+  Desenvolupat en C/C++ amb SDL3. Compatible amb teclat i ratolí.
+
+version: "1.2.1"
+release_date: "2023-10-23"
+tags:
+  - puzzle
+  - estratègia
+  - 2D
+
+logo: "/games/arounders/screenshot-1.png"
+
+screenshots:
+  - "/games/arounders/screenshot-1.png"
+  - "/games/arounders/screenshot-2.png"
+
+downloads:
+  - platform: "Linux"
+    file: "/downloads/arounders/arounders-v1.2.1-linux.tar.gz"
+    size: "3.3 MB"
+  - platform: "Windows"
+    file: "/downloads/arounders/arounders-v1.2.1-win32-x64.zip"
+    size: "5.2 MB"
+  - platform: "macOS (Intel)"
+    file: "/downloads/arounders/arounders-v1.2.1-macos-intel.dmg"
+    size: "5.5 MB"
+  - platform: "Raspberry Pi"
+    file: "/downloads/arounders/arounders-v1.2.1-raspi.tar.gz"
+    size: "3.3 MB"
+
+engine: "C/C++ + SDL3"
+players: "1 jugador"
+genre: "Puzzle / Estratègia"
+repo: "https://gitea.sustancia.synology.me/JailDoctor/arounders"

src/index.njk

@@ -1,10 +1,10 @@
 ---
 layout: base.njk
-title: "JAILGAMES — Nuestros Juegos"
+title: "JAILGAMES — Els nostres jocs"
 ---
 
 <section class="hero">
-  <img src="/logo/jailgames-logo.svg" alt="JAILGAMES" class="site-logo hero-logo" />
+  <img src="/logo/jailgames-logo.svg" alt="JAILGAMES" class="hero-logo" />
   <p class="hero-subtitle">{{ site.tagline }}</p>
 </section>