",
+ "css": ".ds-help { position: relative; padding: 3rem; display: grid; grid-template-columns: .45fr 1fr; align-items: center; gap: 2rem; overflow: hidden; border-radius: 1.2rem; background: var(--blue-dark, #18375f); color: var(--paper, #fffdf7); font-family: var(--font-body, 'DM Sans', Arial, sans-serif); } .ds-help::before { content: ''; position: absolute; inset: 1.1rem; border: 1px solid rgba(255,255,255,.22); border-radius: .75rem; pointer-events: none; } .ds-help>strong { position: relative; color: var(--yellow, #f2c451); font: 760 9rem/.65 var(--font-display, 'Bricolage Grotesque', Arial, sans-serif); transform: rotate(-6deg); } .ds-help h2 { position: relative; margin: 0; font: 720 3rem/.95 var(--font-display, 'Bricolage Grotesque', Arial, sans-serif); letter-spacing: -.04em; } .ds-help p { position: relative; color: rgba(255,255,255,.72); } .ds-help a { position: relative; min-height: 48px; display: inline-flex; align-items: center; border-bottom: 2px solid var(--yellow, #f2c451); color: var(--yellow, #f2c451); font-weight: 800; text-decoration: none; } .ds-help a:focus-visible { outline: 3px solid var(--focus, #0d5bd7); outline-offset: 4px; }"
+ }
+ ],
+ "narrative": {
+ "northStar": "The Helpful Selection",
+ "overview": "MoodlIA should feel like a concise selection assembled by an experienced educator: personal, useful, and ready for the teaching moment at hand. Warm ruled paper, ballpoint-blue structure, colored track markers, short handwritten-style annotations, and layered photographs create the care of a prepared editorial insert without drawing a literal cassette or leaning on nostalgia.\n\nThe interface is education-first and deliberately nontechnical. People and teaching decisions lead; product mechanics appear only after a visitor chooses a way forward. The homepage's three overlapping educator photographs and three-track rail make the ecosystem memorable, while way and product pages reuse the same paper, sequencing, and direct-help language without repeating the whole composition.",
+ "keyCharacteristics": [
+ "Warm cream paper with quiet blue ruled lines.",
+ "Three numbered routes with stable blue, coral, and yellow accents.",
+ "Real educator photography mounted as overlapping paper prints.",
+ "Large authored display type paired with compact, readable sans-serif copy.",
+ "Ruled lists, captions, tabs, and modest rotations instead of generic card grids.",
+ "Direct human help throughout; GitHub appears only as a product-page action."
+ ],
+ "rules": [
+ { "name": "The Three-Track Rule", "body": "AI integration is blue, teaching tools are coral, and learning insights are yellow with dark ink. Number, label, and position must repeat the distinction so color never carries meaning alone.", "section": "colors" },
+ { "name": "The Paper Leads Rule", "body": "Accent colors identify routes and actions; they do not replace the warm paper field as the dominant surface.", "section": "colors" },
+ { "name": "The Two-Voice Rule", "body": "Bricolage Grotesque declares; DM Sans explains and enables action. Do not introduce another display or decorative typeface.", "section": "typography" },
+ { "name": "The Short Statement Rule", "body": "Large type earns its scale through concise copy. Long technical explanations belong below the hero and on product pages.", "section": "typography" },
+ { "name": "The Sequence Survives Rule", "body": "Responsive layouts may stack, but route numbers, ruled continuity, captions, and the order one–two–three remain visible.", "section": "layout" },
+ { "name": "The Paper Contact Rule", "body": "Shadows describe one sheet or photograph resting above another. Do not use ambient elevation to make ordinary paragraphs look like application cards.", "section": "elevation" },
+ { "name": "The Useful Shape Rule", "body": "A circle marks sequence or action; a line connects or separates; a rotated rectangle reads as paper. Do not add geometry without one of those jobs.", "section": "shapes" }
+ ],
+ "dos": [
+ "Do lead with real educators, teaching moments, and clear outcomes before implementation detail.",
+ "Do preserve the three numbered routes and their blue, coral, and yellow assignments.",
+ "Do use ruled paper, captions, modest rotation, and close shadows as one coherent editorial material vocabulary.",
+ "Do keep English and Spanish structurally equivalent, concise, and page-preserving.",
+ "Do make direct help visible and keep GitHub actions on individual product pages only.",
+ "Do retain the skip link, visible focus, 44px targets, meaningful alternative text, reduced motion, and forced-colors fallbacks."
+ ],
+ "donts": [
+ "Don't turn the experience into a generic SaaS hero, rounded feature-card grid, or technical dashboard aesthetic.",
+ "Don't use robots, holograms, dark technology imagery, abstract AI symbols, or fabricated product screenshots in place of human education photography.",
+ "Don't add gradients that imply technology, glassmorphism, neon, or unrelated accent colors.",
+ "Don't use Unicode glyphs as a substitute for authored or library icons.",
+ "Don't expose GitHub in global navigation, way pages, or the homepage.",
+ "Don't add testimonials, logos, metrics, or claims without approved evidence.",
+ "Don't canonize the legacy kraft-board, brass-pin, stencil-type, or hand-crank “Learning Automata” vocabulary; it is not present in the shipped interface."
+ ]
+ }
+}
diff --git a/.impeccable/direction-options-modern-education-bolder.json b/.impeccable/direction-options-modern-education-bolder.json
new file mode 100644
index 0000000..7c63aec
--- /dev/null
+++ b/.impeccable/direction-options-modern-education-bolder.json
@@ -0,0 +1,117 @@
+{
+ "title": "Una dirección más valiente para MoodlIA",
+ "question": "Seis mundos visuales poco convencionales, todos centrados en hacer que enseñar resulte más fácil. Elige el que mejor debería representar a MoodlIA.",
+ "options": [
+ {
+ "id": "challenger-ribbon",
+ "label": "El hilo que ayuda",
+ "kicker": "LA NUEVA PROPUESTA",
+ "verdict": "assigned",
+ "lineage": "Una cinta continua de aprendizaje que conecta cada necesidad con una solución",
+ "thesis": "MoodlIA se cuenta como un recorrido humano: aparece una dificultad, la ayuda la atraviesa y el resultado queda visible.",
+ "palette": ["#FFF8E9", "#EF4A3C", "#24495B", "#88B79B"],
+ "materials": ["una cinta ilustrada", "fotografía educativa cálida", "grandes hitos narrativos"],
+ "viewport": "Una cinta roja entra por la portada, rodea una escena real de aprendizaje y se divide en tres recorridos claros antes de reunirse en una invitación a pedir ayuda.",
+ "case": "Es la idea más propia de MoodlIA: explica que todos los productos forman una ayuda continua sin parecer una plataforma técnica.",
+ "risk": "La metáfora necesita una composición muy precisa para que la cinta guíe y no se convierta en simple decoración.",
+ "comp": ".impeccable/mocks/decision/helping-thread.webp",
+ "hero": "https://impeccable.style/worlds/cards/exhibition-museum-curation-provenance-ribbon-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/exhibition-museum-curation-provenance-ribbon.webp"
+ },
+ {
+ "id": "challenger-comic",
+ "label": "La aventura de enseñar",
+ "kicker": "LA ALTERNATIVA MÁS FUERTE",
+ "verdict": "competitive",
+ "lineage": "Álbum ilustrado de línea clara convertido en una historia educativa contemporánea",
+ "thesis": "Cada producto es un capítulo breve donde una persona encuentra una forma más sencilla de enseñar, corregir o comprender.",
+ "palette": ["#FFFDF3", "#112D42", "#57A9D8", "#F15A4A", "#F3C94C"],
+ "materials": ["ilustración de línea clara", "colores planos", "escenas humanas en viñetas"],
+ "viewport": "Una gran escena de aula abre la portada; al desplazarse, tres capítulos visuales muestran la dificultad, la ayuda y el alivio sin jerga.",
+ "case": "Supera a la cinta en identificación inmediata y empatía; además permite explicar productos distintos con muy poco texto.",
+ "risk": "Debe sentirse editorial y adulto, no infantil ni como una web de entretenimiento.",
+ "comp": ".impeccable/mocks/decision/teaching-adventure.webp",
+ "hero": "https://impeccable.style/worlds/cards/pop-culture-shelf-ligne-claire-album-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/pop-culture-shelf-ligne-claire-album.webp"
+ },
+ {
+ "id": "challenger-weave",
+ "label": "Ideas que se entrelazan",
+ "verdict": "competitive",
+ "lineage": "Un telar Jacquard donde pequeñas ayudas forman una imagen educativa completa",
+ "thesis": "MoodlIA convierte muchas tareas dispersas en un tejido coherente que acompaña el trabajo diario.",
+ "palette": ["#10283D", "#F1C75B", "#FFF4D8", "#E85A4F"],
+ "materials": ["tramas tejidas", "detalles dorados", "patrones que se completan al explorar"],
+ "viewport": "Tres bandas de color se entrelazan lentamente y revelan una gran imagen central sobre aprender con menos esfuerzo.",
+ "case": "Es visualmente excepcional y representa bien un ecosistema de productos conectados, aunque necesita más interpretación que la aventura ilustrada.",
+ "risk": "La referencia al telar puede sentirse artesanal o compleja si las instrucciones perforadas ganan protagonismo.",
+ "comp": ".impeccable/mocks/decision/interwoven-ideas.webp",
+ "hero": "https://impeccable.style/worlds/cards/textiles-weave-drape-fashion-jacquard-punched-brocade-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/textiles-weave-drape-fashion-jacquard-punched-brocade.webp"
+ },
+ {
+ "id": "challenger-rhythm",
+ "label": "Tu ritmo de enseñar",
+ "verdict": "competitive",
+ "lineage": "Una secuencia de pasos vivos donde cada acción hace avanzar el día",
+ "thesis": "MoodlIA no impone una forma de trabajar: se adapta al ritmo de cada docente y deja que active solo la ayuda que necesita.",
+ "palette": ["#262B32", "#F05A4F", "#F29D49", "#F2D45C", "#F7F3E9"],
+ "materials": ["franjas de pasos", "pulsos de color", "microinteracciones táctiles"],
+ "viewport": "Una secuencia de tres grandes pasos se activa con el desplazamiento: preparar, acompañar y comprender; cada uno abre sus productos con una respuesta inmediata.",
+ "case": "Tiene la experiencia más dinámica y hace tangible la idea de avanzar, pero el origen musical requiere una traducción educativa muy cuidada.",
+ "risk": "Una estética demasiado oscura o instrumental haría que MoodlIA volviera a parecer un producto técnico.",
+ "comp": ".impeccable/mocks/decision/teaching-rhythm.webp",
+ "hero": "https://impeccable.style/worlds/cards/signals-instruments-drum-machine-step-row-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/signals-instruments-drum-machine-step-row.webp"
+ },
+ {
+ "id": "challenger-mixtape",
+ "label": "La selección que acompaña",
+ "verdict": "competitive",
+ "lineage": "Una recopilación personal, organizada para cada momento de la enseñanza",
+ "thesis": "Como una selección hecha con cuidado, MoodlIA reúne la ayuda adecuada para planificar, evaluar y entender lo que ocurre.",
+ "palette": ["#FFFDF7", "#2357A6", "#EF564D", "#F1C34D", "#242424"],
+ "materials": ["anotaciones humanas", "grandes etiquetas", "una composición plegable"],
+ "viewport": "La portada parece una selección personal preparada para el visitante; al abrirse, aparecen tres lados visuales con productos y resultados concretos.",
+ "case": "Es cálida, cercana y memorable, pero su nostalgia puede competir con la sensación de futuro que necesita la marca.",
+ "risk": "Debe evitar cualquier copia literal del casete y conservar solo su carácter personal y cuidadosamente seleccionado.",
+ "comp": ".impeccable/mocks/decision/learning-selection.webp",
+ "hero": "https://impeccable.style/worlds/cards/vernacular-ephemera-cassette-j-card-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/vernacular-ephemera-cassette-j-card.webp"
+ },
+ {
+ "id": "challenger-jackfield",
+ "label": "El mapa de conexiones",
+ "verdict": "declined",
+ "lineage": "Líneas que muestran de forma honesta qué ayuda está conectada a cada necesidad",
+ "thesis": "Nada se oculta: cada producto mantiene visible a quién ayuda y qué cambia.",
+ "palette": ["#111417", "#F0A33A", "#FFF7E8"],
+ "materials": ["líneas de conexión", "carriles numerados", "estados dibujados"],
+ "viewport": "Tres conexiones atraviesan una superficie oscura y llevan de cada necesidad a un resultado.",
+ "case": "La claridad del sistema es útil, pero su lenguaje visual sigue siendo demasiado técnico para la promesa de MoodlIA.",
+ "kept": "Cada producto debe dejar claro qué necesidad atiende y cuál es el siguiente paso.",
+ "risk": "La superficie negra y los carriles recuerdan a infraestructura y configuración.",
+ "comp": ".impeccable/mocks/decision/connection-map.webp",
+ "hero": "https://impeccable.style/worlds/cards/operate-b-normalled-jackfield-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/operate-b-normalled-jackfield.webp"
+ }
+ ],
+ "reroll": {
+ "registers": ["safer", "bolder"]
+ },
+ "buildPath": {
+ "value": "code",
+ "toggle": true
+ },
+ "canon": true,
+ "canonCard": {
+ "label": "Una plataforma educativa moderna",
+ "thesis": "Una portada clara con fotografía de aula, beneficios directos y tres accesos ordenados.",
+ "palette": ["#FFFFFF", "#17324D", "#2F6FED", "#F3F7FB"],
+ "materials": ["retícula limpia", "fotografía educativa", "tarjetas suaves"],
+ "viewport": "Una promesa principal, una fotografía cercana y tres rutas de producto convencionales.",
+ "risk": "Funciona, pero se confundiría con muchas otras webs educativas.",
+ "comp": ".impeccable/mocks/decision/canon-education-bolder.webp"
+ },
+ "steer": true
+}
diff --git a/.impeccable/direction-options-modern-education.json b/.impeccable/direction-options-modern-education.json
new file mode 100644
index 0000000..c3e09b3
--- /dev/null
+++ b/.impeccable/direction-options-modern-education.json
@@ -0,0 +1,156 @@
+{
+ "title": "Choose MoodlIA's new visual world",
+ "question": "The current paper machine is gone. Choose the modern educational world that should replace it.",
+ "options": [
+ {
+ "id": "assigned",
+ "label": "The Learning Commons",
+ "kicker": "THE NEW DIRECTION",
+ "lineage": "Contemporary public libraries, university learning commons, and cultural wayfinding",
+ "thesis": "MoodlIA becomes a bright place where every educator immediately finds an easier way forward.",
+ "palette": ["#F7F5EE", "#17324D", "#E85D4A", "#79A86B", "#F1C75B"],
+ "materials": ["daylight photography", "editorial typography", "large wayfinding bands"],
+ "viewport": "A generous learning-space photograph carries one plain promise while three coloured routes open directly inside the scene.",
+ "risk": "It needs excellent photography and disciplined typography to avoid feeling like a generic university website.",
+ "raised": [
+ {
+ "from": "Sequential learning stories",
+ "raise": "The scroll now changes pace deliberately, with one memorable reveal instead of a uniform stack of sections."
+ },
+ {
+ "from": "Transparent guide",
+ "raise": "Every route keeps a visible colour and label across navigation, detail pages, and mobile."
+ },
+ {
+ "from": "Living ink",
+ "raise": "Motion feels calm and responsive, following the visitor rather than performing at them."
+ }
+ ],
+ "comp": ".impeccable/mocks/decision/learning-commons.webp"
+ },
+ {
+ "id": "model-pick",
+ "label": "The Living Workbook",
+ "kicker": "IMPECCABLE’S PICK",
+ "lineage": "The best contemporary school workbooks and independent education magazines",
+ "thesis": "MoodlIA feels like the beautifully edited guide a teacher actually keeps open beside Moodle.",
+ "palette": ["#FFFDF7", "#1E3A5F", "#FF6B57", "#A8D7C2", "#FFD66B"],
+ "materials": ["bold editorial spreads", "real classroom photography", "useful annotations"],
+ "viewport": "A strong magazine cover composition pairs a human classroom moment with one large sentence and three clear chapter markers.",
+ "risk": "Editorial education is familiar territory, so it must be composed with unusual confidence to remain distinctive.",
+ "comp": ".impeccable/mocks/decision/living-workbook.webp"
+ },
+ {
+ "id": "challenger-manga",
+ "label": "Sequential Learning Stories",
+ "verdict": "competitive",
+ "lineage": "Weekly manga pacing translated into educational storytelling",
+ "thesis": "Each MoodlIA path unfolds as a short visual story in which the educator is always the protagonist.",
+ "palette": ["#FFFEF8", "#161616", "#EF5B47"],
+ "materials": ["high-contrast panels", "expressive crops", "decisive page turns"],
+ "viewport": "Three asymmetrical scenes show the problem, the easier action, and the calmer outcome without technical explanation.",
+ "case": "Excellent narrative clarity and a radical identity, but some educators may read the manga grammar as entertainment before support.",
+ "risk": "The visual language can overpower trust if illustration quality or restraint slips.",
+ "comp": ".impeccable/mocks/decision/sequential-learning.webp",
+ "hero": "https://impeccable.style/worlds/cards/pop-culture-shelf-manga-screentone-page-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/pop-culture-shelf-manga-screentone-page.webp"
+ },
+ {
+ "id": "challenger-manual",
+ "label": "The Transparent Guide",
+ "verdict": "competitive",
+ "lineage": "Tabbed reference guides rebuilt as a friendly education service",
+ "thesis": "Information appears only when it helps, layered over a simple route that never loses the visitor.",
+ "palette": ["#FFF9ED", "#164E63", "#F59E5B", "#78B7A4", "#B7A6D9"],
+ "materials": ["translucent colour fields", "oversized tabs", "quiet reading pages"],
+ "viewport": "One welcoming sentence sits beside three broad tabs whose translucent layers preview what each route makes easier.",
+ "case": "It has the strongest information architecture, but its reference-manual origin risks feeling technical if the copy becomes procedural.",
+ "risk": "Too many layers would recreate the complexity MoodlIA promises to remove.",
+ "comp": ".impeccable/mocks/decision/transparent-guide.webp",
+ "hero": "https://impeccable.style/worlds/cards/rw-manual-acetate-tab-board-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/rw-manual-acetate-tab-board.webp"
+ },
+ {
+ "id": "challenger-ink",
+ "label": "Living Ink",
+ "verdict": "declined",
+ "lineage": "Suminagashi marbling as a calm responsive learning surface",
+ "thesis": "Three gentle currents join around each educator's intention and make the next step visible.",
+ "palette": ["#FCFBF5", "#244A63", "#6DAA9A", "#E77A62"],
+ "materials": ["fluid colour", "quiet margins", "organic movement"],
+ "viewport": "A calm white field lets three coloured currents gather around one human promise.",
+ "case": "Emotionally warm but too abstract to explain a family of real products quickly.",
+ "kept": "Motion should respond gently to the visitor instead of playing automatically.",
+ "risk": "The fluid effect can become decoration rather than useful guidance.",
+ "comp": ".impeccable/mocks/decision/living-ink.webp",
+ "hero": "https://impeccable.style/worlds/cards/medium-native-fluid-ink-basin-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/medium-native-fluid-ink-basin.webp"
+ },
+ {
+ "id": "challenger-calendar",
+ "label": "The Learning Shelf",
+ "verdict": "declined",
+ "lineage": "Seasonal classroom collections and visible learning progress",
+ "thesis": "MoodlIA's projects become useful resources arranged by the moment a teacher needs them.",
+ "palette": ["#FFF8E8", "#355E4B", "#D95D52", "#E7B854"],
+ "materials": ["labelled collections", "seasonal colour", "visible progression"],
+ "viewport": "A bright teaching shelf groups the three routes as resources ready for today's need.",
+ "case": "The sense of useful progression is strong, but the storage metaphor is too literal for digital services.",
+ "kept": "Show progress and outcomes as visible states, not abstract claims.",
+ "risk": "It could become quaint instead of modern.",
+ "comp": ".impeccable/mocks/decision/learning-shelf.webp",
+ "hero": "https://impeccable.style/worlds/cards/food-fermentation-culinary-theater-pickling-brine-calendar-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/food-fermentation-culinary-theater-pickling-brine-calendar.webp"
+ },
+ {
+ "id": "challenger-light",
+ "label": "Paths of Light",
+ "verdict": "declined",
+ "lineage": "Bioluminescent trails translated into immediate guidance",
+ "thesis": "Every choice lights only the next useful step and lets everything else stay quiet.",
+ "palette": ["#102F3A", "#68D9D0", "#F7D36A", "#F7FBF7"],
+ "materials": ["luminous trails", "deep quiet fields", "responsive traces"],
+ "viewport": "Three light paths answer the visitor's pointer and converge on a simple invitation to begin.",
+ "case": "Memorable interaction, but the dark digital atmosphere contradicts the requested educational warmth.",
+ "kept": "Interaction should reveal relationships immediately and then recede.",
+ "risk": "It reads as technology before it reads as help.",
+ "comp": ".impeccable/mocks/decision/paths-of-light.webp",
+ "hero": "https://impeccable.style/worlds/cards/reefs-bioluminescent-nocturnal-plankton-wake-stars-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/reefs-bioluminescent-nocturnal-plankton-wake-stars.webp"
+ },
+ {
+ "id": "challenger-detector",
+ "label": "Learning Orbit",
+ "verdict": "declined",
+ "lineage": "Concentric event displays translated into three connected services",
+ "thesis": "Every MoodlIA product orbits one clear centre: helping people teach more easily.",
+ "palette": ["#F7F5EE", "#183A4A", "#F2C14E", "#5AA9A1"],
+ "materials": ["concentric maps", "precise paths", "focused selection"],
+ "viewport": "Three routes circle one human goal and expand into products when selected.",
+ "case": "The relationship is clear, but the scientific display is exactly the technical signal the redesign must leave behind.",
+ "kept": "Keep one visible centre so the ecosystem never feels fragmented.",
+ "risk": "Even softened, it still looks analytical and specialist.",
+ "comp": ".impeccable/mocks/decision/learning-orbit.webp",
+ "hero": "https://impeccable.style/worlds/cards/scientific-notation-particle-detector-event-display-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/scientific-notation-particle-detector-event-display.webp"
+ }
+ ],
+ "reroll": {
+ "registers": ["safer", "bolder"]
+ },
+ "buildPath": {
+ "value": "code",
+ "toggle": true
+ },
+ "canon": true,
+ "canonCard": {
+ "label": "The polished education standard",
+ "thesis": "A clean modern education landing page with campus photography and familiar product navigation.",
+ "palette": ["#FFFFFF", "#17324D", "#2F6FED", "#F3F7FB"],
+ "materials": ["clean grid", "campus photography", "soft interface surfaces"],
+ "viewport": "A conventional benefit-led hero, one education photograph, and three equal routes below it.",
+ "risk": "Easy to understand, but intentionally indistinguishable from many education platforms.",
+ "comp": ".impeccable/mocks/decision/canon-education.webp"
+ },
+ "steer": true
+}
diff --git a/.impeccable/direction-options.json b/.impeccable/direction-options.json
new file mode 100644
index 0000000..390a9b2
--- /dev/null
+++ b/.impeccable/direction-options.json
@@ -0,0 +1,187 @@
+{
+ "title": "Choose the new MoodlIA visual world",
+ "question": "Impeccable has selected a direction. Keep it, choose an alternate, or ask for a new hand.",
+ "options": [
+ {
+ "id": "assigned",
+ "label": "The MoodlIA Workbench",
+ "kicker": "THE ROLL",
+ "lineage": "precision teaching instruments and modular workshop boards",
+ "thesis": "Three distinct instruments share one calibrated work surface, making the ecosystem tangible before it is explained.",
+ "palette": ["#132C27", "#F4F0E7", "#FF5C35", "#DFFF5B"],
+ "materials": ["dark green enamel", "anodized rails", "translucent instrument glass", "tactile labels"],
+ "viewport": "A full-height work surface is divided by a monumental 3 into three live image bays; the promise and primary action sit on a compact calibration plate.",
+ "risk": "The industrial vocabulary must stay warm and educational rather than becoming a developer console.",
+ "raised": [
+ {"from": "starship terminal", "raise": "Every label and state now has operational precision without inheriting science-fiction styling."},
+ {"from": "street-fair flyer", "raise": "Color commits to whole project zones instead of appearing as small decorative accents."},
+ {"from": "curved-crease shell", "raise": "One continuous structural gesture carries the complete page rather than a stack of unrelated sections."},
+ {"from": "seven-segment instruments", "raise": "Inactive and active project states are both deliberately designed."}
+ ],
+ "comp": ".impeccable/mocks/decision/assigned.webp",
+ "wireframe": {
+ "cols": 12,
+ "rows": 10,
+ "regions": [
+ {"label": "brand rail", "x": 0, "y": 0, "w": 12, "h": 1, "accent": false},
+ {"label": "promise plate", "x": 0, "y": 1, "w": 4, "h": 8, "accent": true},
+ {"label": "three instrument bays", "x": 4, "y": 1, "w": 8, "h": 8, "accent": true},
+ {"label": "route selector", "x": 0, "y": 9, "w": 12, "h": 1, "accent": false}
+ ]
+ }
+ },
+ {
+ "id": "model-pick",
+ "label": "Campus Wayfinding",
+ "kicker": "IMPECCABLE’S PICK",
+ "lineage": "university wayfinding systems and screenprinted campus maps",
+ "thesis": "MoodlIA becomes a place with three unmistakable routes and one welcoming help desk.",
+ "palette": ["#F7F4EA", "#1A3D8F", "#FFD447", "#EA5B3A"],
+ "materials": ["vitreous enamel signs", "printed map paper", "painted route lines"],
+ "viewport": "A giant route map starts at MoodlIA and splits into three color-coded destinations around concise copy and a single departure action.",
+ "risk": "It is highly legible but more familiar and potentially more institutional than the assigned direction.",
+ "comp": ".impeccable/mocks/decision/model-pick.webp",
+ "wireframe": {
+ "cols": 12,
+ "rows": 10,
+ "regions": [
+ {"label": "station header", "x": 0, "y": 0, "w": 12, "h": 1, "accent": false},
+ {"label": "route statement", "x": 0, "y": 1, "w": 5, "h": 4, "accent": true},
+ {"label": "three-way map", "x": 4, "y": 1, "w": 8, "h": 8, "accent": true},
+ {"label": "destinations", "x": 0, "y": 6, "w": 4, "h": 3, "accent": false}
+ ]
+ }
+ },
+ {
+ "id": "challenger-paper-automata",
+ "label": "Learning Automata",
+ "verdict": "competitive",
+ "lineage": "hand-cranked paper teaching models",
+ "thesis": "The three project families unfold as a coordinated paper mechanism driven by one shared crank.",
+ "palette": ["#F6F0E3", "#2A2925", "#C62D36", "#D5B98A"],
+ "materials": ["cut paper", "kraft board", "pinned joints", "cast shadows"],
+ "viewport": "Three paper figures open in sequence around a large central crank while short labels explain the value of each movement.",
+ "case": "Strong educator recognition and memorable motion; product scanning is slower than the workbench.",
+ "risk": "The tactile charm could feel child-focused if the typography and mechanics lack precision.",
+ "comp": ".impeccable/mocks/decision/challenger-paper-automata.webp",
+ "hero": "https://impeccable.style/worlds/cards/kinetic-sculpture-automata-crank-paper-menagerie-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/kinetic-sculpture-automata-crank-paper-menagerie.webp",
+ "wireframe": {
+ "cols": 12,
+ "rows": 10,
+ "regions": [
+ {"label": "title strip", "x": 0, "y": 0, "w": 12, "h": 2, "accent": false},
+ {"label": "linked figures", "x": 0, "y": 2, "w": 12, "h": 6, "accent": true},
+ {"label": "crank control", "x": 4, "y": 8, "w": 4, "h": 2, "accent": true}
+ ]
+ }
+ },
+ {
+ "id": "challenger-one-bit",
+ "label": "One-bit Learning Desktop",
+ "verdict": "competitive",
+ "lineage": "early monochrome education desktops",
+ "thesis": "Each MoodlIA way opens as a crisp tool window on one shared black-and-white desktop.",
+ "palette": ["#FAFAF7", "#111111"],
+ "materials": ["one-pixel chrome", "ordered dithers", "marching selections", "pixel icons"],
+ "viewport": "Three overlapping windows reveal AI integration, teaching tools, and insights with a persistent help menu.",
+ "case": "Excellent product clarity and open-source character; weaker identification for non-technical educators.",
+ "risk": "The interface can read as retro novelty unless every pixel and interaction is disciplined.",
+ "comp": ".impeccable/mocks/decision/challenger-one-bit.webp",
+ "hero": "https://impeccable.style/worlds/cards/medium-native-one-bit-desktop-hero.webp",
+ "board": "https://impeccable.style/worlds/cards/medium-native-one-bit-desktop.webp",
+ "wireframe": {
+ "cols": 12,
+ "rows": 10,
+ "regions": [
+ {"label": "desktop menu", "x": 0, "y": 0, "w": 12, "h": 1, "accent": false},
+ {"label": "intro window", "x": 0, "y": 1, "w": 5, "h": 5, "accent": true},
+ {"label": "project windows", "x": 4, "y": 2, "w": 8, "h": 7, "accent": false}
+ ]
+ }
+ },
+ {
+ "id": "challenger-starship",
+ "label": "Operations Terminal",
+ "verdict": "declined",
+ "lineage": "used-future starship crew terminals",
+ "thesis": "MoodlIA behaves like a mission terminal with three operational commands.",
+ "palette": ["#07110D", "#70FF9A", "#FFB340", "#DED8C8"],
+ "materials": ["curved CRT glass", "stenciled plates", "phosphor readouts"],
+ "viewport": "A single command line reveals the three ways as typed operational pages.",
+ "case": "Strong operational grammar but directly conflicts with the non-technical audience.",
+ "kept": "Operational precision for labels, state, and feedback.",
+ "risk": "It would position MoodlIA as a developer tool rather than an educator ecosystem.",
+ "comp": ".impeccable/mocks/decision/challenger-starship.webp",
+ "hero": "https://impeccable.style/worlds/cards/pop-culture-shelf-industrial-starship-terminal-hero.webp"
+ },
+ {
+ "id": "challenger-street-fair",
+ "label": "Open Learning Fair",
+ "verdict": "declined",
+ "lineage": "screenprinted street-fair flyers",
+ "thesis": "The ecosystem becomes a vivid public event where every project has a loud invitation.",
+ "palette": ["#F3EDE0", "#111111", "#FF6A00", "#7B57F0"],
+ "materials": ["riso grain", "gouache flats", "torn paper", "stickers"],
+ "viewport": "A full-bleed collage carries one enormous multicolor word and one calm white project finder.",
+ "case": "High attention but insufficient calm and clarity for choosing practical Moodle tools.",
+ "kept": "Color must own full regions instead of appearing as timid accent decoration.",
+ "risk": "The promotional energy could obscure the three-way model.",
+ "comp": ".impeccable/mocks/decision/challenger-street-fair.webp",
+ "hero": "https://impeccable.style/worlds/cards/fly-posted-festival-hoarding-built-hero.webp"
+ },
+ {
+ "id": "challenger-curved-crease",
+ "label": "Folded Learning Map",
+ "verdict": "declined",
+ "lineage": "curved-crease paper structures",
+ "thesis": "One continuous fold raises three useful surfaces from a single MoodlIA sheet.",
+ "palette": ["#F2E9D7", "#282724", "#D35B3F"],
+ "materials": ["cotton paper", "graphite shadows", "compass arcs"],
+ "viewport": "A monumental paper disc bends into three labeled planes around a restrained introduction.",
+ "case": "Beautiful ecosystem metaphor but slow to explain concrete projects.",
+ "kept": "One structural gesture should organize the complete experience.",
+ "risk": "The sculptural abstraction could hide the product offer.",
+ "comp": ".impeccable/mocks/decision/challenger-curved-crease.webp",
+ "hero": "https://impeccable.style/worlds/cards/paper-folds-pleats-deployable-curved-crease-shell-hero.webp"
+ },
+ {
+ "id": "challenger-seven-segment",
+ "label": "Three Signals",
+ "verdict": "declined",
+ "lineage": "seven-segment instrument displays",
+ "thesis": "The ecosystem is reduced to three synchronized signals that switch from waiting to useful.",
+ "palette": ["#111413", "#FF3D2E", "#F0A52B", "#44D779"],
+ "materials": ["matte instrument glass", "LED segments", "ghost cells"],
+ "viewport": "A fixed mask shows a giant 3 and three product readings whose segments ignite as visitors move through them.",
+ "case": "Memorable states but too numerical for a broad teaching audience.",
+ "kept": "Inactive states receive as much design attention as active ones.",
+ "risk": "The signal language would reduce nuanced project differences to a gimmick.",
+ "comp": ".impeccable/mocks/decision/challenger-seven-segment.webp",
+ "hero": "https://impeccable.style/worlds/cards/signals-instruments-seven-segment-alarm-clock-hero.webp"
+ }
+ ],
+ "reroll": {"registers": ["safer", "bolder"]},
+ "buildPath": {"value": "code", "toggle": true},
+ "canon": true,
+ "canonCard": {
+ "label": "The category standard",
+ "thesis": "A polished education-technology landing page with a conventional hero and three product cards.",
+ "palette": ["#FFFFFF", "#17233A", "#3157D8"],
+ "materials": ["clean grid", "rounded cards", "product imagery"],
+ "viewport": "A left-aligned promise, an image mosaic, and three familiar solution cards below it.",
+ "risk": "Clear and dependable, but intentionally difficult to distinguish from other software suites.",
+ "comp": ".impeccable/mocks/decision/canon.webp",
+ "wireframe": {
+ "cols": 12,
+ "rows": 10,
+ "regions": [
+ {"label": "navigation", "x": 0, "y": 0, "w": 12, "h": 1, "accent": false},
+ {"label": "hero copy", "x": 0, "y": 1, "w": 5, "h": 5, "accent": true},
+ {"label": "hero image", "x": 5, "y": 1, "w": 7, "h": 5, "accent": false},
+ {"label": "three cards", "x": 0, "y": 7, "w": 12, "h": 3, "accent": false}
+ ]
+ }
+ },
+ "steer": true
+}
diff --git a/.impeccable/prompts/moodlia-ai-companion-v2.txt b/.impeccable/prompts/moodlia-ai-companion-v2.txt
new file mode 100644
index 0000000..cebac65
--- /dev/null
+++ b/.impeccable/prompts/moodlia-ai-companion-v2.txt
@@ -0,0 +1,12 @@
+Use case: photorealistic-natural
+Asset type: portrait editorial image for the MoodlIA education website, representing AI as a helpful planning companion
+Primary request: create a warm, contemporary editorial photograph of an adult educator calmly preparing a Moodle course at a bright shared learning table; the technology should feel supportive and secondary, while the educator, printed lesson notes, colored index tabs, and a simple laptop are the human focus
+Scene/backdrop: modern public learning commons with daylight, books and soft activity in the distant background
+Subject: one adult educator in a natural candid moment, reviewing lesson materials beside a laptop
+Style/medium: premium natural editorial photography, tactile paper details, credible real-world education, not a corporate stock photo
+Composition/framing: vertical 4:5 composition with the subject offset slightly right and clean negative space near the upper left; layered paper edges subtly recall a carefully curated playlist insert without depicting a cassette
+Lighting/mood: soft morning daylight, optimistic, calm, approachable
+Color palette: warm cream, ballpoint blue, muted coral red, soft golden yellow, charcoal accents
+Materials/textures: paper, linen, wood, matte laptop surface
+Constraints: no readable text, no logos, no screens with legible interfaces, no futuristic holograms, no neon, no robots, no watermark
+Avoid: technical dashboards, dark cyber imagery, exaggerated AI symbols, staged corporate poses
diff --git a/.impeccable/prompts/moodlia-educators-together-v2.txt b/.impeccable/prompts/moodlia-educators-together-v2.txt
new file mode 100644
index 0000000..4a45f78
--- /dev/null
+++ b/.impeccable/prompts/moodlia-educators-together-v2.txt
@@ -0,0 +1,12 @@
+Use case: ads-marketing
+Asset type: wide editorial hero photograph and social preview background for the MoodlIA education website
+Primary request: create one cohesive, human-centered scene that shows Moodle becoming easier through three connected moments: planning with a helpful laptop, reviewing work with a rubric, and understanding learning progress with a simple printed overview; these should feel like one carefully curated teaching day, not three separate product demos
+Scene/backdrop: a bright modern learning commons with one long shared table, daylight, books, plants, and subtle background activity
+Subject: three adult educators of varied appearance collaborating naturally across the table, each focused on a different real teaching task; paper and conversation lead, technology stays secondary
+Style/medium: premium contemporary editorial photography, candid and tactile, warm education campaign, not corporate stock photography
+Composition/framing: wide 3:2 landscape, three natural zones connected by a loose line of colored index cards across the table; keep generous calm negative space in the upper left for website headline overlay; no literal cassette, but the arrangement can subtly evoke a thoughtfully sequenced personal selection
+Lighting/mood: optimistic natural daylight, warm, calm, helpful, approachable
+Color palette: warm cream, ballpoint blue, muted coral red, soft golden yellow, charcoal accents
+Materials/textures: uncoated paper, card stock, linen, wood, matte laptop
+Constraints: no readable text, no logos, no legible computer UI, no student names, no holograms, no robots, no watermark
+Avoid: dark technology imagery, floating dashboards, exaggerated AI visuals, staged corporate poses, childish classroom clichés
diff --git a/.impeccable/prompts/moodlia-learning-clarity-v2.txt b/.impeccable/prompts/moodlia-learning-clarity-v2.txt
new file mode 100644
index 0000000..c3f6cd6
--- /dev/null
+++ b/.impeccable/prompts/moodlia-learning-clarity-v2.txt
@@ -0,0 +1,12 @@
+Use case: photorealistic-natural
+Asset type: portrait editorial image for the MoodlIA education website, representing understanding learning progress and deciding where to help
+Primary request: create a warm, contemporary editorial photograph of an adult educator calmly reviewing a simple printed learning overview and arranging three colored markers to prioritize where support is needed; the moment should communicate clarity and care, not analytics technology
+Scene/backdrop: bright learning commons or staff workspace with daylight and softly blurred bookshelves
+Subject: one adult educator in a reflective natural moment, looking between a concise printed chart and a small set of colored index cards
+Style/medium: premium natural editorial photography, human-centered and credible, tactile paper details, not a corporate stock photo
+Composition/framing: vertical 4:5 composition with subject offset slightly left, chart and markers clearly visible but containing no readable text, clean negative space near upper right; subtle folded paper layering evokes a personal curated selection without showing a cassette
+Lighting/mood: gentle afternoon daylight, lucid, caring, quietly optimistic
+Color palette: warm cream, ballpoint blue, muted coral red, soft golden yellow, charcoal accents
+Materials/textures: uncoated paper, card stock, wood, linen, ballpoint marks
+Constraints: no readable text, no logos, no screens with legible interfaces, no student names, no watermark
+Avoid: glowing dashboards, surveillance imagery, futuristic analytics, dark technology scenes, staged corporate poses
diff --git a/.impeccable/prompts/moodlia-teaching-flow-v2.txt b/.impeccable/prompts/moodlia-teaching-flow-v2.txt
new file mode 100644
index 0000000..7995f03
--- /dev/null
+++ b/.impeccable/prompts/moodlia-teaching-flow-v2.txt
@@ -0,0 +1,12 @@
+Use case: photorealistic-natural
+Asset type: portrait editorial image for the MoodlIA education website, representing practical teaching and assessment tools
+Primary request: create a warm, contemporary editorial photograph of an adult educator reviewing student work with a simple rubric, colored cards, and handwritten annotations; show a calm, manageable workflow and the feeling of confident feedback
+Scene/backdrop: bright flexible classroom or learning studio with soft daylight and subtle educational materials in the background
+Subject: one adult educator at a table, hands sorting a small set of student pages and feedback cards; human judgment is clearly central
+Style/medium: premium natural editorial photography, tactile paper details, credible education setting, not a corporate stock photo
+Composition/framing: vertical 4:5 composition, hands and paper workflow prominent, subject visible and engaged, enough breathing room around the scene; layered paper edges subtly evoke a carefully prepared personal selection without showing a cassette
+Lighting/mood: warm daylight, focused, reassuring, practical
+Color palette: warm cream, ballpoint blue, muted coral red, soft golden yellow, charcoal accents
+Materials/textures: paper, card stock, wood, linen, ballpoint ink
+Constraints: no readable text, no logos, no screens with legible interfaces, no grades or student names, no watermark
+Avoid: futuristic interfaces, piles of overwhelming paperwork, staged corporate poses, childish classroom clichés
diff --git a/.impeccable/questions/1c4e9dff.answer.json b/.impeccable/questions/1c4e9dff.answer.json
new file mode 100644
index 0000000..d72b040
--- /dev/null
+++ b/.impeccable/questions/1c4e9dff.answer.json
@@ -0,0 +1 @@
+{"optionId":"challenger-mixtape","steer":"","hero":"https://impeccable.style/worlds/cards/vernacular-ephemera-cassette-j-card-hero.webp","board":"https://impeccable.style/worlds/cards/vernacular-ephemera-cassette-j-card.webp","comp":".impeccable/mocks/decision/learning-selection.webp","buildPath":"code","buildPathFlipped":false}
diff --git a/.impeccable/questions/1c4e9dff.log b/.impeccable/questions/1c4e9dff.log
new file mode 100644
index 0000000..e69de29
diff --git a/.impeccable/questions/1c4e9dff.state.json b/.impeccable/questions/1c4e9dff.state.json
new file mode 100644
index 0000000..e726242
--- /dev/null
+++ b/.impeccable/questions/1c4e9dff.state.json
@@ -0,0 +1 @@
+{"pid":23536,"port":58402,"url":"http://127.0.0.1:58402/","lastBeat":1787180219117}
\ No newline at end of file
diff --git a/.impeccable/questions/7de1a169.answer.json b/.impeccable/questions/7de1a169.answer.json
new file mode 100644
index 0000000..d72b040
--- /dev/null
+++ b/.impeccable/questions/7de1a169.answer.json
@@ -0,0 +1 @@
+{"optionId":"challenger-mixtape","steer":"","hero":"https://impeccable.style/worlds/cards/vernacular-ephemera-cassette-j-card-hero.webp","board":"https://impeccable.style/worlds/cards/vernacular-ephemera-cassette-j-card.webp","comp":".impeccable/mocks/decision/learning-selection.webp","buildPath":"code","buildPathFlipped":false}
diff --git a/.impeccable/questions/7de1a169.log b/.impeccable/questions/7de1a169.log
new file mode 100644
index 0000000..e69de29
diff --git a/.impeccable/questions/7de1a169.state.json b/.impeccable/questions/7de1a169.state.json
new file mode 100644
index 0000000..9814470
--- /dev/null
+++ b/.impeccable/questions/7de1a169.state.json
@@ -0,0 +1 @@
+{"pid":35672,"port":62339,"url":"http://127.0.0.1:62339/","lastBeat":1787179801279,"claimedAt":1787179771530}
\ No newline at end of file
diff --git a/.impeccable/questions/a649f1ee.log b/.impeccable/questions/a649f1ee.log
new file mode 100644
index 0000000..e69de29
diff --git a/.impeccable/references/helpful-selection-board.webp b/.impeccable/references/helpful-selection-board.webp
new file mode 100644
index 0000000..2cc6c9a
Binary files /dev/null and b/.impeccable/references/helpful-selection-board.webp differ
diff --git a/.impeccable/references/helpful-selection-hero.webp b/.impeccable/references/helpful-selection-hero.webp
new file mode 100644
index 0000000..ffbece2
Binary files /dev/null and b/.impeccable/references/helpful-selection-hero.webp differ
diff --git a/.impeccable/references/paper-automata-board.webp b/.impeccable/references/paper-automata-board.webp
new file mode 100644
index 0000000..bbd4bf9
Binary files /dev/null and b/.impeccable/references/paper-automata-board.webp differ
diff --git a/.impeccable/references/paper-automata-hero.webp b/.impeccable/references/paper-automata-hero.webp
new file mode 100644
index 0000000..0924d40
Binary files /dev/null and b/.impeccable/references/paper-automata-hero.webp differ
diff --git a/.impeccable/review/desktop-corrected.png b/.impeccable/review/desktop-corrected.png
new file mode 100644
index 0000000..f264d13
Binary files /dev/null and b/.impeccable/review/desktop-corrected.png differ
diff --git a/.impeccable/review/desktop-final.png b/.impeccable/review/desktop-final.png
new file mode 100644
index 0000000..f320ca1
Binary files /dev/null and b/.impeccable/review/desktop-final.png differ
diff --git a/.impeccable/review/desktop.png b/.impeccable/review/desktop.png
new file mode 100644
index 0000000..40e30e0
Binary files /dev/null and b/.impeccable/review/desktop.png differ
diff --git a/.impeccable/review/mobile-confirmed.png b/.impeccable/review/mobile-confirmed.png
new file mode 100644
index 0000000..798b11e
Binary files /dev/null and b/.impeccable/review/mobile-confirmed.png differ
diff --git a/.impeccable/review/mobile-corrected.png b/.impeccable/review/mobile-corrected.png
new file mode 100644
index 0000000..4f14199
Binary files /dev/null and b/.impeccable/review/mobile-corrected.png differ
diff --git a/.impeccable/review/mobile-final.png b/.impeccable/review/mobile-final.png
new file mode 100644
index 0000000..4e2a8aa
Binary files /dev/null and b/.impeccable/review/mobile-final.png differ
diff --git a/.impeccable/review/mobile.png b/.impeccable/review/mobile.png
new file mode 100644
index 0000000..bad5f6a
Binary files /dev/null and b/.impeccable/review/mobile.png differ
diff --git a/.impeccable/review/product-desktop.png b/.impeccable/review/product-desktop.png
new file mode 100644
index 0000000..798adf0
Binary files /dev/null and b/.impeccable/review/product-desktop.png differ
diff --git a/.impeccable/review/product-mobile.png b/.impeccable/review/product-mobile.png
new file mode 100644
index 0000000..d43cac2
Binary files /dev/null and b/.impeccable/review/product-mobile.png differ
diff --git a/.impeccable/surface-home.md b/.impeccable/surface-home.md
new file mode 100644
index 0000000..092d0bf
--- /dev/null
+++ b/.impeccable/surface-home.md
@@ -0,0 +1,23 @@
+Scope: MoodlIA public home page.
+
+Mode: Persuade.
+
+Audience: Educators and Moodle site or course leaders who want practical help rather than a technical product catalogue.
+
+Primary action: Explore one of the three ways MoodlIA helps. Secondary action: email contact@moodlia.com for direct help.
+
+Proof available: Named open projects in each way and direct support contact. No customer logos, metrics, or testimonials are currently approved.
+
+Chosen direction: Learning Automata. The page is a hand-cranked paper mechanism built from kraft board, pulp-white cut paper, shadow ink, one crimson active fold, brass pins, tabs, and a single continuous rail. The user selected this competitive challenger direction with seed 9346b343.
+
+Memorable moment: The first viewport presents three articulated paper mechanisms on one rail, with a real crank control that moves all three together.
+
+Responsive behavior: Desktop shows the complete mechanism at once. Mobile preserves all three small mechanisms in one viewport, then turns the long project sequence into a single-column rail.
+
+Accessibility and motion: Semantic landmarks and headings, visible focus, touch targets of at least 44 pixels, reduced-motion support, useful alt text, and no automatic animation. The crank is the one authored motion and starts only after a user action.
+
+Localization: The full surface is available in English and Spanish. The language switch keeps the visitor on the equivalent page, and GitHub is not mentioned on the homepage.
+
+SEO: Concise benefit-led copy, one H1, descriptive H2 and H3 structure, localized canonical and language-alternate metadata, Open Graph and Twitter image, organization and item-list structured data, robots.txt, and sitemap.xml.
+
+Unresolved boundaries: No deployment or publication is part of this redesign pass.
diff --git a/.impeccable/surface-product-detail.md b/.impeccable/surface-product-detail.md
new file mode 100644
index 0000000..a32f850
--- /dev/null
+++ b/.impeccable/surface-product-detail.md
@@ -0,0 +1,25 @@
+Scope: MoodlIA product detail pages for the ten products and product families listed on the homepage.
+
+Mode: Persuade.
+
+Audience: Educators, Moodle administrators, and developers who want to understand one project before opening its repository or asking for help.
+
+Primary action: Open the real project source or package. Secondary action: contact MoodlIA for help.
+
+GitHub boundary: Repository language and links appear only on individual product pages, never in global navigation, the homepage, or way pages.
+
+Truth source: app/catalog.ts, derived from local README files, package metadata, and repository remotes.
+
+Inherited direction: Learning Automata, seed 9346b343. Product pages reuse the material system without copying the homepage's three-on-one-rail composition.
+
+Structure: A cut-paper product statement and pinned identity sheet lead into a plain-language introduction. Three deliberately staggered paper sheets cover capabilities, fit, and requirements. A shared rail links related products supporting the same way of working.
+
+Responsive behavior: Paired hero content becomes one column on mobile. The three information sheets stack and related projects move from a horizontal to a vertical rail.
+
+Accessibility: One H1, visible breadcrumbs, semantic sections, descriptive link labels, at least 44-pixel interactive targets, visible focus, and inherited reduced-motion support.
+
+Localization: Every product page is complete in English and Spanish, and the language switch preserves the current product.
+
+SEO: Every product has localized visible copy, title, description, canonical and language-alternate URLs, social metadata using its way's existing image, SoftwareApplication structured data, and sitemap entries.
+
+Boundary: Product pages provide orientation, not duplicated repository documentation or fabricated release claims.
diff --git a/.impeccable/surface-way-detail.md b/.impeccable/surface-way-detail.md
new file mode 100644
index 0000000..b9dd381
--- /dev/null
+++ b/.impeccable/surface-way-detail.md
@@ -0,0 +1,19 @@
+Scope: MoodlIA detail pages for the three ways forward: AI integration, teaching tools, and learning insights.
+
+Audience: Educators, Moodle administrators, and developers who know what they want to improve but may not know which MoodlIA project fits.
+
+Primary action: Explore the projects that support the chosen way of working.
+
+Secondary action: Ask MoodlIA for direct help.
+
+Voice: Clear, practical, supportive, and non-technical until product-specific detail is useful.
+
+Structure: A pinned image and benefit-led introduction lead into one continuous product ledger. The ledger is a connected mechanism, not a card grid. A paper outcome sheet explains what this way unlocks before the help panel.
+
+Accessibility: One H1, explicit section labels, descriptive links, keyboard-visible focus, useful image alternatives, and reduced-motion support.
+
+Localization: Every page and project description is complete in English and Spanish. The language switch preserves the current way. GitHub is not mentioned on these pages.
+
+SEO: Every way has localized route-specific titles, descriptions, canonical and language-alternate URLs, social metadata based on its existing project image, CollectionPage structured data, and sitemap entries.
+
+Boundary: Build locally and verify the static export. Do not publish.
diff --git a/.impeccable/surfaces/app-es-page-tsx.md b/.impeccable/surfaces/app-es-page-tsx.md
new file mode 100644
index 0000000..0644d4f
--- /dev/null
+++ b/.impeccable/surfaces/app-es-page-tsx.md
@@ -0,0 +1,30 @@
+---
+version: 1
+slug: "app-es-page-tsx"
+primary_target: "app/es/page.tsx"
+related_targets: ["app/page.tsx","app/localization.ts","app/globals.css"]
+---
+
+Scope: MoodlIA public home page.
+
+Mode: Persuade.
+
+Audience: Educators and Moodle site or course leaders who want practical help rather than a technical product catalogue.
+
+Primary action: Explore one of the three ways MoodlIA helps. Secondary action: email contact@moodlia.com for direct help.
+
+Proof available: Named open projects in each way and direct support contact. No customer logos, metrics, or testimonials are currently approved.
+
+Chosen direction: Learning Automata. The page is a hand-cranked paper mechanism built from kraft board, pulp-white cut paper, shadow ink, one crimson active fold, brass pins, tabs, and a single continuous rail. The user selected this competitive challenger direction with seed 9346b343.
+
+Memorable moment: The first viewport presents three articulated paper mechanisms on one rail, with a real crank control that moves all three together.
+
+Responsive behavior: Desktop shows the complete mechanism at once. Mobile preserves all three small mechanisms in one viewport, then turns the long project sequence into a single-column rail.
+
+Accessibility and motion: Semantic landmarks and headings, visible focus, touch targets of at least 44 pixels, reduced-motion support, useful alt text, and no automatic animation. The crank is the one authored motion and starts only after a user action.
+
+Localization: The full surface is available in English and Spanish. The language switch keeps the visitor on the equivalent page, and GitHub is not mentioned on the homepage.
+
+SEO: Concise benefit-led copy, one H1, descriptive H2 and H3 structure, localized canonical and language-alternate metadata, Open Graph and Twitter image, organization and item-list structured data, robots.txt, and sitemap.xml.
+
+Unresolved boundaries: No deployment or publication is part of this redesign pass.
diff --git a/.impeccable/surfaces/app-es-products-slug-page-tsx.md b/.impeccable/surfaces/app-es-products-slug-page-tsx.md
new file mode 100644
index 0000000..9caf95d
--- /dev/null
+++ b/.impeccable/surfaces/app-es-products-slug-page-tsx.md
@@ -0,0 +1,32 @@
+---
+version: 1
+slug: "app-es-products-slug-page-tsx"
+primary_target: "app/es/products/[slug]/page.tsx"
+related_targets: ["app/detail-pages.tsx","app/localization.ts","app/globals.css"]
+---
+
+Scope: MoodlIA product detail pages for the ten products and product families listed on the homepage.
+
+Mode: Persuade.
+
+Audience: Educators, Moodle administrators, and developers who want to understand one project before opening its repository or asking for help.
+
+Primary action: Open the real project source or package. Secondary action: contact MoodlIA for help.
+
+GitHub boundary: Repository language and links appear only on individual product pages, never in global navigation, the homepage, or way pages.
+
+Truth source: app/catalog.ts, derived from local README files, package metadata, and repository remotes.
+
+Inherited direction: Learning Automata, seed 9346b343. Product pages reuse the material system without copying the homepage's three-on-one-rail composition.
+
+Structure: A cut-paper product statement and pinned identity sheet lead into a plain-language introduction. Three deliberately staggered paper sheets cover capabilities, fit, and requirements. A shared rail links related products supporting the same way of working.
+
+Responsive behavior: Paired hero content becomes one column on mobile. The three information sheets stack and related projects move from a horizontal to a vertical rail.
+
+Accessibility: One H1, visible breadcrumbs, semantic sections, descriptive link labels, at least 44-pixel interactive targets, visible focus, and inherited reduced-motion support.
+
+Localization: Every product page is complete in English and Spanish, and the language switch preserves the current product.
+
+SEO: Every product has localized visible copy, title, description, canonical and language-alternate URLs, social metadata using its way's existing image, SoftwareApplication structured data, and sitemap entries.
+
+Boundary: Product pages provide orientation, not duplicated repository documentation or fabricated release claims.
diff --git a/.impeccable/surfaces/app-es-ways-slug-page-tsx.md b/.impeccable/surfaces/app-es-ways-slug-page-tsx.md
new file mode 100644
index 0000000..7bec1b8
--- /dev/null
+++ b/.impeccable/surfaces/app-es-ways-slug-page-tsx.md
@@ -0,0 +1,26 @@
+---
+version: 1
+slug: "app-es-ways-slug-page-tsx"
+primary_target: "app/es/ways/[slug]/page.tsx"
+related_targets: ["app/detail-pages.tsx","app/localization.ts","app/globals.css"]
+---
+
+Scope: MoodlIA detail pages for the three ways forward: AI integration, teaching tools, and learning insights.
+
+Audience: Educators, Moodle administrators, and developers who know what they want to improve but may not know which MoodlIA project fits.
+
+Primary action: Explore the projects that support the chosen way of working.
+
+Secondary action: Ask MoodlIA for direct help.
+
+Voice: Clear, practical, supportive, and non-technical until product-specific detail is useful.
+
+Structure: A pinned image and benefit-led introduction lead into one continuous product ledger. The ledger is a connected mechanism, not a card grid. A paper outcome sheet explains what this way unlocks before the help panel.
+
+Accessibility: One H1, explicit section labels, descriptive links, keyboard-visible focus, useful image alternatives, and reduced-motion support.
+
+Localization: Every page and project description is complete in English and Spanish. The language switch preserves the current way. GitHub is not mentioned on these pages.
+
+SEO: Every way has localized route-specific titles, descriptions, canonical and language-alternate URLs, social metadata based on its existing project image, CollectionPage structured data, and sitemap entries.
+
+Boundary: Build locally and verify the static export. Do not publish.
diff --git a/.impeccable/surfaces/app-page-tsx.md b/.impeccable/surfaces/app-page-tsx.md
new file mode 100644
index 0000000..e286a04
--- /dev/null
+++ b/.impeccable/surfaces/app-page-tsx.md
@@ -0,0 +1,32 @@
+---
+version: 1
+slug: "app-page-tsx"
+primary_target: "app/page.tsx"
+related_targets: ["app/localization.ts","app/globals.css","app/site-chrome.tsx"]
+---
+
+Scope: MoodlIA public home page.
+
+Mode: Persuade.
+
+Audience: Educators and Moodle site or course leaders who want practical help before technical product detail.
+
+Primary action: Choose one of three outcome-led ways MoodlIA helps. Secondary action: email contact@moodlia.com for direct human help, including from the mobile header.
+
+Proof available: Named open projects within each way and direct support contact. No customer logos, metrics, or testimonials are currently approved.
+
+Chosen direction: The Helpful Selection. The page combines warm ruled paper, ballpoint-blue structure, accessible coral and ochre accents, concise editorial typography, and mounted educator photography. The experience is human and education-first rather than technical or futuristic.
+
+Memorable moment: The first viewport pairs the three-line promise with three overlapping educator photographs, followed by a stable three-route rail.
+
+Information architecture: Lead with teaching outcomes. Each route links to its complete explanation before technical project names, which remain available through progressive disclosure.
+
+Responsive behavior: Desktop shows the complete hero composition and route rail. Mobile keeps direct help in the header, brings the photograph collage into the opening journey, stacks the route rail, and preserves route order one–two–three.
+
+Accessibility and motion: Semantic landmarks and headings, visible focus, touch targets of at least 44 pixels, WCAG AA text contrast, reduced-motion support, useful alt text, and no progress-like automatic animation. Staggered hero photography is the only authored entrance.
+
+Localization: The full surface is available in English and Spanish. The language switch keeps the visitor on the equivalent page, and GitHub is not mentioned on the homepage.
+
+SEO: Concise benefit-led copy, one H1, descriptive H2 and H3 structure, localized canonical and language-alternate metadata, Open Graph and Twitter image, organization and item-list structured data, robots.txt, and sitemap.xml.
+
+Unresolved boundaries: No deployment or publication is part of this refinement pass.
diff --git a/.impeccable/surfaces/app-products-slug-page-tsx.md b/.impeccable/surfaces/app-products-slug-page-tsx.md
new file mode 100644
index 0000000..42dc0c3
--- /dev/null
+++ b/.impeccable/surfaces/app-products-slug-page-tsx.md
@@ -0,0 +1,32 @@
+---
+version: 1
+slug: "app-products-slug-page-tsx"
+primary_target: "app/products/[slug]/page.tsx"
+related_targets: ["app/detail-pages.tsx","app/localization.ts","app/globals.css"]
+---
+
+Scope: MoodlIA product detail pages for the ten products and product families listed on the homepage.
+
+Mode: Persuade.
+
+Audience: Educators, Moodle administrators, and developers who want to understand one project before opening its repository or asking for help.
+
+Primary action: Open the real project source or package. Secondary action: contact MoodlIA for help.
+
+GitHub boundary: Repository language and links appear only on individual product pages, never in global navigation, the homepage, or way pages.
+
+Truth source: app/catalog.ts, derived from local README files, package metadata, and repository remotes.
+
+Inherited direction: Learning Automata, seed 9346b343. Product pages reuse the material system without copying the homepage's three-on-one-rail composition.
+
+Structure: A cut-paper product statement and pinned identity sheet lead into a plain-language introduction. Three deliberately staggered paper sheets cover capabilities, fit, and requirements. A shared rail links related products supporting the same way of working.
+
+Responsive behavior: Paired hero content becomes one column on mobile. The three information sheets stack and related projects move from a horizontal to a vertical rail.
+
+Accessibility: One H1, visible breadcrumbs, semantic sections, descriptive link labels, at least 44-pixel interactive targets, visible focus, and inherited reduced-motion support.
+
+Localization: Every product page is complete in English and Spanish, and the language switch preserves the current product.
+
+SEO: Every product has localized visible copy, title, description, canonical and language-alternate URLs, social metadata using its way's existing image, SoftwareApplication structured data, and sitemap entries.
+
+Boundary: Product pages provide orientation, not duplicated repository documentation or fabricated release claims.
diff --git a/.impeccable/surfaces/app-ways-slug-page-tsx.md b/.impeccable/surfaces/app-ways-slug-page-tsx.md
new file mode 100644
index 0000000..15e4d3a
--- /dev/null
+++ b/.impeccable/surfaces/app-ways-slug-page-tsx.md
@@ -0,0 +1,26 @@
+---
+version: 1
+slug: "app-ways-slug-page-tsx"
+primary_target: "app/ways/[slug]/page.tsx"
+related_targets: ["app/detail-pages.tsx","app/localization.ts","app/globals.css"]
+---
+
+Scope: MoodlIA detail pages for the three ways forward: AI integration, teaching tools, and learning insights.
+
+Audience: Educators, Moodle administrators, and developers who know what they want to improve but may not know which MoodlIA project fits.
+
+Primary action: Explore the projects that support the chosen way of working.
+
+Secondary action: Ask MoodlIA for direct help.
+
+Voice: Clear, practical, supportive, and non-technical until product-specific detail is useful.
+
+Structure: A pinned image and benefit-led introduction lead into one continuous product ledger. The ledger is a connected mechanism, not a card grid. A paper outcome sheet explains what this way unlocks before the help panel.
+
+Accessibility: One H1, explicit section labels, descriptive links, keyboard-visible focus, useful image alternatives, and reduced-motion support.
+
+Localization: Every page and project description is complete in English and Spanish. The language switch preserves the current way. GitHub is not mentioned on these pages.
+
+SEO: Every way has localized route-specific titles, descriptions, canonical and language-alternate URLs, social metadata based on its existing project image, CollectionPage structured data, and sitemap entries.
+
+Boundary: Build locally and verify the static export. Do not publish.
diff --git a/DESIGN.md b/DESIGN.md
new file mode 100644
index 0000000..257e62c
--- /dev/null
+++ b/DESIGN.md
@@ -0,0 +1,233 @@
+---
+name: MoodlIA The Helpful Selection
+description: A warm editorial system that presents practical Moodle help through people, paper, and three clear ways forward.
+colors:
+ canvas: "#f7f2e8"
+ paper: "#fffdf7"
+ ink: "#202733"
+ ink-soft: "#626875"
+ ballpoint-blue: "#315b9a"
+ deep-blue: "#18375f"
+ active-coral: "#b5443b"
+ pressed-coral: "#8f302a"
+ marker-yellow: "#f2c451"
+ quiet-mint: "#a8c7b7"
+ rule: "#d8d2c6"
+ focus: "#0d5bd7"
+typography:
+ display:
+ fontFamily: "Bricolage Grotesque, Arial, sans-serif"
+ fontSize: "clamp(4rem, 7.8vw, 7.7rem)"
+ fontWeight: 720
+ lineHeight: 0.83
+ letterSpacing: "-0.04em"
+ headline:
+ fontFamily: "Bricolage Grotesque, Arial, sans-serif"
+ fontSize: "clamp(3rem, 6.2vw, 6rem)"
+ fontWeight: 720
+ lineHeight: 0.95
+ letterSpacing: "-0.04em"
+ title:
+ fontFamily: "Bricolage Grotesque, Arial, sans-serif"
+ fontSize: "clamp(1.55rem, 3vw, 2.5rem)"
+ fontWeight: 720
+ lineHeight: 1
+ letterSpacing: "-0.035em"
+ body:
+ fontFamily: "DM Sans, Arial, sans-serif"
+ fontSize: "1rem"
+ fontWeight: 400
+ lineHeight: 1.68
+ letterSpacing: "normal"
+ label:
+ fontFamily: "DM Sans, Arial, sans-serif"
+ fontSize: "0.72rem"
+ fontWeight: 800
+ lineHeight: 1.3
+ letterSpacing: "0.08em"
+rounded:
+ control: "0.35rem"
+ inner-paper: "0.75rem"
+ panel: "1.2rem"
+spacing:
+ page-edge: "clamp(1rem, 4vw, 4rem)"
+ section: "clamp(5rem, 10vw, 9rem)"
+components:
+ primary-action:
+ backgroundColor: "{colors.active-coral}"
+ textColor: "#ffffff"
+ typography: "{typography.label}"
+ rounded: "{rounded.control}"
+ padding: "0.8rem 1.2rem"
+ height: "48px"
+ primary-action-hover:
+ backgroundColor: "{colors.pressed-coral}"
+ textColor: "#ffffff"
+ text-action:
+ backgroundColor: "transparent"
+ textColor: "{colors.ballpoint-blue}"
+ typography: "{typography.label}"
+ height: "48px"
+ help-panel:
+ backgroundColor: "{colors.deep-blue}"
+ textColor: "{colors.paper}"
+ rounded: "{rounded.panel}"
+---
+
+# Design System: MoodlIA The Helpful Selection
+
+## Overview
+
+**Creative North Star: "The Helpful Selection"**
+
+MoodlIA should feel like a concise selection assembled by an experienced educator: personal, useful, and ready for the teaching moment at hand. Warm ruled paper, ballpoint-blue structure, colored track markers, short handwritten-style annotations, and layered photographs create the care of a prepared editorial insert without drawing a literal cassette or leaning on nostalgia.
+
+The interface is education-first and deliberately nontechnical. People and teaching decisions lead; product mechanics appear only after a visitor chooses a way forward. The homepage's three overlapping educator photographs and three-track rail make the ecosystem memorable, while way and product pages reuse the same paper, sequencing, and direct-help language without repeating the whole composition.
+
+**Key Characteristics:**
+
+- Warm cream paper with quiet blue ruled lines.
+- Three numbered routes with stable blue, coral, and yellow accents.
+- Real educator photography mounted as overlapping paper prints.
+- Large authored display type paired with compact, readable sans-serif copy.
+- Ruled lists, captions, tabs, and modest rotations instead of generic card grids.
+- Direct human help throughout; GitHub appears only as a product-page action.
+
+The four shipping `*-v2.jpg` images were generated for this redesign on 2026-08-20. Their prompts require warm editorial education photography, no readable text or logos, and no futuristic or abstract AI imagery; the prompt records live in `.impeccable/prompts/`.
+
+## Colors
+
+The palette is warm and paper-led, with blue providing structure, coral providing action, and yellow and mint keeping the three-route story optimistic and human.
+
+### Primary
+
+- **Ballpoint Blue** (`ballpoint-blue`): Navigation, structural links, the first route, and the brand-track mark.
+- **Deep Blue** (`deep-blue`): Large direct-help panels and high-contrast hover states.
+
+### Secondary
+
+- **Active Coral** (`active-coral`): Primary actions, the second route, active underlines, and small emphasis marks.
+- **Pressed Coral** (`pressed-coral`): Coral hover and pressed states; never a large passive field.
+
+### Tertiary
+
+- **Marker Yellow** (`marker-yellow`): The third hero line, the third route, list bullets, and emphasis on dark-blue panels.
+- **Quiet Mint** (`quiet-mint`): Calm photographic backing and small proof markers.
+
+### Neutral
+
+- **Warm Canvas** (`canvas`): The ruled page field and default copy backdrop.
+- **Clean Paper** (`paper`): Mounted photographs and contrasting editorial sections.
+- **Warm Ink** (`ink`): Headlines, rules, and primary reading contrast.
+- **Soft Ink** (`ink-soft`): Supporting copy, captions, and metadata.
+- **Paper Rule** (`rule`): Dividers, tracklist rows, and subtle structure.
+- **Blueprint Focus** (`focus`): Keyboard focus only, chosen for unmistakable contrast.
+
+**The Three-Track Rule.** AI integration is blue, teaching tools are coral, and learning insights are yellow with dark ink. Number, label, and position must repeat the distinction so color never carries meaning alone.
+
+**The Paper Leads Rule.** Accent colors identify routes and actions; they do not replace the warm paper field as the dominant surface.
+
+## Typography
+
+**Display Font:** Bricolage Grotesque (with Arial and sans-serif fallbacks)
+**Body Font:** DM Sans (with Arial and sans-serif fallbacks)
+
+**Character:** Bricolage Grotesque gives short statements an authored, slightly irregular confidence. DM Sans keeps bilingual navigation, explanations, metadata, and product detail calm and readable.
+
+### Hierarchy
+
+- **Display** (weight 720, fluid 4–7.7rem, line-height 0.83): Homepage and detail-page hero statements; short, sentence-case, and tightly set.
+- **Headline** (weight 720, fluid 3–6rem, line-height 0.95): Major section transitions and direct-help invitations.
+- **Title** (weight 720, fluid 1.55–2.5rem, line-height 1): Tracklist and project titles.
+- **Body** (weight 400, 1–1.18rem, line-height 1.62–1.7): Explanatory copy, generally constrained to about 55–68 characters per line.
+- **Label** (weight 720–850, 0.68–0.82rem): Navigation, sequence numbers, captions, buttons, and metadata; uppercase is reserved for compact metadata.
+
+Handwritten character comes from brief rotated annotations and drawn underlines, not a third font.
+
+**The Two-Voice Rule.** Bricolage Grotesque declares; DM Sans explains and enables action. Do not introduce another display or decorative typeface.
+
+**The Short Statement Rule.** Large type earns its scale through concise copy. Long technical explanations belong below the hero and on product pages.
+
+## Layout
+
+The main container is capped at 1380px with fluid page edges. Sections use generous vertical space, but related content stays dense: a promise beside imagery, a heading beside a short explanation, or a ruled list directly beneath its introduction.
+
+The homepage opens with a split hero and three overlapping portrait photographs, followed immediately by a horizontal three-track sequence. Route sections alternate a mounted photograph and editorial copy. Way pages pair an opening statement with one photograph before a ruled project tracklist. Product pages pair product identity and actions with the route photograph, then use three practical information columns, related products, and direct help.
+
+- At 1000px, primary navigation is hidden, the header becomes two-column, and wide grids tighten.
+- At 820px, split layouts become single-column, the sequence rail turns vertical, product columns stack, and related-project grids become lists.
+- At 620px, page edges become 14px, the contact button leaves the header, hero actions stack, the photo collage becomes compact, and detail figures keep a small inset from the viewport edge.
+
+Interaction targets are at least 44px tall, and the mobile reading order always keeps copy before its supporting route photograph on detail pages.
+
+**The Sequence Survives Rule.** Responsive layouts may stack, but route numbers, ruled continuity, captions, and the order one–two–three remain visible.
+
+## Elevation & Depth
+
+Depth comes from close paper shadows, overlaps, colored backing sheets, and rotations of roughly one to five degrees. The canonical mounted-paper shadow is `0 1.5rem 4rem rgba(62, 54, 43, .13), 0 .2rem .7rem rgba(62, 54, 43, .1)`. Large image cards may deepen to `0 2.2rem 5rem rgba(62, 54, 43, .18)` while lifting on hover. Primary actions use a smaller coral-tinted shadow that compresses as the button moves one pixel down.
+
+**The Paper Contact Rule.** Shadows describe one sheet or photograph resting above another. Do not use ambient elevation to make ordinary paragraphs look like application cards.
+
+## Shapes
+
+The system is mostly rectangular. Controls use a small 0.35rem radius, inner paper backings use about 0.75rem, and the two major help panels use 1.2rem. Circular geometry is reserved for route numbers, compact arrow controls, list bullets, and the three-stripe brand mark. Photo mounts keep square outer corners while their colored backing sheets may soften slightly.
+
+Fold-like offsets, ruled borders, caption strips, and slight rotations create material character. Avoid pills, glass surfaces, large generic rounded cards, and decorative boxes around every text group.
+
+**The Useful Shape Rule.** A circle marks sequence or action; a line connects or separates; a rotated rectangle reads as paper. Do not add geometry without one of those jobs.
+
+## Components
+
+### Primary and Text Actions
+
+- Primary actions are coral, white, compactly rounded, at least 48px high, and set in heavy DM Sans. Hover darkens coral, reduces the shadow, and moves the control down by one pixel.
+- Secondary actions are blue text with a two-pixel underline and remain visually subordinate to the coral action.
+- Every interactive link or button receives a three-pixel Blueprint Focus outline with a four-pixel offset on `:focus-visible`.
+
+### Site Navigation and Language Switcher
+
+- Desktop navigation is centered between the wordmark and actions; its coral underline grows from the left on hover.
+- The EN/ES switch is a compact bordered pair with 44px targets. The current language uses Warm Ink on Clean Paper contrast and exposes `aria-current="page"`.
+- The header contact action is direct and blue. It remains visible as a compact help action on mobile so human support is never buried below the full page.
+- The language switch preserves the equivalent page path.
+
+### Mounted Educator Photography
+
+Photography uses a 4:5 crop, a Clean Paper mount, a printed caption, a numbered marker, and a softly rotated colored backing sheet. The homepage hero overlaps three photographs; route and product pages use one larger mounted photograph. Alternative text describes the educator's teaching task, while captions supply the editorial interpretation.
+
+### Three-Track Rail and Tracklists
+
+The three-track rail doubles as navigation and ecosystem explanation. It uses numbered circular markers, ruled divisions, text labels, and route-specific hover washes. Product and outcome lists reuse the same numbered ruled rhythm without becoming cards.
+
+The rail is a stable three-route navigation element and does not imitate progress or loading. Hero photographs provide the one authored entrance in a staggered 0.9-second sequence. Hover movement is limited to interactive elements. `prefers-reduced-motion` reduces animations and transitions to effectively instant, disables smooth scrolling, and removes decorative transforms from selected elements.
+
+Page navigation treats the content as one paper sheet replacing another while the header remains visually stable. Native cross-document View Transitions handle this when available; the static-site fallback gives the current sheet a 140ms exit and the arriving sheet a 320ms reveal. Same-page anchors keep their normal scroll behavior, modified clicks remain native, and reduced-motion preferences bypass the replacement animation entirely.
+
+### Direct-Help Panels
+
+Direct-help panels are the only large Deep Blue surfaces. They combine a large typographic mark, a short invitation, plain explanatory copy, and a visible `mailto:` action. The homepage and every detail page end with this human route.
+
+### Accessibility Behavior
+
+Pages use a skip link, semantic landmarks, one route-level H1, descriptive image alternatives, visible focus, minimum 44px targets, reduced-motion support, and forced-colors borders for photographs, help panels, and primary actions. Decorative numbers, annotations, and marks are hidden from assistive technology when they repeat adjacent meaning.
+
+## Do's and Don'ts
+
+### Do:
+
+- **Do** lead with real educators, teaching moments, and clear outcomes before implementation detail.
+- **Do** preserve the three numbered routes and their blue, coral, and yellow assignments.
+- **Do** use ruled paper, captions, modest rotation, and close shadows as one coherent editorial material vocabulary.
+- **Do** keep English and Spanish structurally equivalent, concise, and page-preserving.
+- **Do** make direct help visible and keep GitHub actions on individual product pages only.
+- **Do** retain the skip link, visible focus, 44px targets, meaningful alternative text, reduced motion, and forced-colors fallbacks.
+
+### Don't:
+
+- **Don't** turn the experience into a generic SaaS hero, rounded feature-card grid, or technical dashboard aesthetic.
+- **Don't** use robots, holograms, dark technology imagery, abstract AI symbols, or fabricated product screenshots in place of human education photography.
+- **Don't** add gradients that imply technology, glassmorphism, neon, or unrelated accent colors.
+- **Don't** use Unicode glyphs as a substitute for authored or library icons.
+- **Don't** expose GitHub in global navigation, way pages, or the homepage.
+- **Don't** add testimonials, logos, metrics, or claims without approved evidence.
+- **Don't** canonize the legacy kraft-board, brass-pin, stencil-type, or hand-crank “Learning Automata” vocabulary; it is not present in the shipped interface.
diff --git a/PRODUCT.md b/PRODUCT.md
new file mode 100644
index 0000000..64b72bc
--- /dev/null
+++ b/PRODUCT.md
@@ -0,0 +1,62 @@
+# Product
+
+
+
+## Platform
+
+web
+
+## Users
+
+The primary audience is educators and people responsible for Moodle sites or learning environments. They visit the website to understand what MoodlIA offers, identify the way of working that matches their needs, and decide whether to explore further or ask for help.
+
+## Product Purpose
+
+MoodlIA presents a family of projects that help people connect Moodle with AI, improve teaching workflows, and understand course activity. The website should make the ecosystem understandable without requiring technical knowledge and provide a direct route to support.
+
+## Positioning
+
+MoodlIA brings independent but related Moodle projects together as three practical ways to move forward, while offering direct help to anyone who wants to choose, use, troubleshoot, or shape something related to MoodlIA.
+
+## Operating Context
+
+Visitors may be evaluating tools before installation, looking for a specific teaching workflow, exploring Moodle and AI integration, or seeking help with an existing MoodlIA project. Project development and issue tracking take place through the MoodlIA GitHub repositories.
+
+## Capabilities and Constraints
+
+- The ecosystem is organized around three ways to move forward: work with AI, teach with confidence, and understand what matters.
+- AI integration includes the MoodlIA Moodle plugin, MoodlIA CLI, Moodle Core CLI, and MoodlIA Skills.
+- Teaching tools include MoodlIA Rubrics, MoodlIA Corrector, MoodlIA Backup Converter, and related Chrome extensions.
+- Insights include the MoodlIA Teacher Dashboard and MoodlIA Analyzer applications.
+- The home page introduces the three ways. Each way and product has a dedicated page.
+- Every public page is available in English and Spanish through equivalent localized routes.
+- GitHub is mentioned and linked only on individual product pages.
+- The contact address is `contact@moodlia.com`.
+- The website must remain compatible with the existing vinext static-export workflow.
+
+## Brand Commitments
+
+- Preserve the MoodlIA name and its capitalization.
+- Make the number three a recognizable part of the story because it represents the three ways MoodlIA helps.
+- Use clear, confident, non-technical language.
+- Communicate that help is available for anything related to MoodlIA.
+
+## Evidence on Hand
+
+- Existing project names and descriptions in `app/page.tsx`.
+- Four commissioned editorial education images in `public/moodlia-ai-companion-v2.jpg`, `public/moodlia-teaching-flow-v2.jpg`, `public/moodlia-learning-clarity-v2.jpg`, and `public/moodlia-educators-together-v2.jpg`.
+- Existing legacy social preview artwork remains available, but the current metadata uses the new educators image.
+- No approved testimonials, customer logos, usage statistics, or case studies are currently available; future design work must not fabricate them.
+
+## Product Principles
+
+- Explain the ecosystem before exposing implementation detail.
+- Give each of the three ways equal strategic importance.
+- Make the next action obvious: explore a way forward or ask for help.
+- Prefer real project facts over generic claims.
+- Keep the experience useful and understandable across desktop and mobile.
+- Keep English and Spanish content equally complete, with page-preserving language switches and localized SEO metadata.
+
+## Accessibility & Inclusion
+
+The site must use semantic landmarks, visible keyboard focus, reduced-motion support, meaningful alternative text, and touch targets suitable for mobile users.
diff --git a/app/catalog.ts b/app/catalog.ts
new file mode 100644
index 0000000..5f1ff16
--- /dev/null
+++ b/app/catalog.ts
@@ -0,0 +1,566 @@
+export type WaySlug = "ai-integration" | "teaching-tools" | "learning-insights";
+
+export interface MoodliaWay {
+ slug: WaySlug;
+ number: string;
+ title: string;
+ shortTitle: string;
+ description: string;
+ introduction: string;
+ image: string;
+ imageAlt: string;
+ imageCaption: string;
+ outcomes: string[];
+ productSlugs: string[];
+}
+
+export interface MoodliaProduct {
+ slug: string;
+ name: string;
+ waySlug: WaySlug;
+ kind: string;
+ status: string;
+ description: string;
+ introduction: string;
+ highlights: string[];
+ bestFor: string[];
+ requirements: string[];
+ startGuide: {
+ install: string[];
+ firstUse: string[];
+ adminNote: string;
+ };
+ sourceUrl: string;
+ sourceLabel: string;
+ secondaryUrl?: string;
+ secondaryLabel?: string;
+}
+
+export const ways: MoodliaWay[] = [
+ {
+ slug: "ai-integration",
+ number: "1",
+ title: "Turn ideas into Moodle learning",
+ shortTitle: "Plan with AI",
+ description: "Shape a course, activity, or improvement with AI support—then decide what reaches Moodle.",
+ introduction:
+ "Practical ways to turn a teaching idea into Moodle content, with your Moodle site, permissions, and professional judgement staying in charge.",
+ image: "/moodlia-ai-companion-v2.jpg",
+ imageAlt: "An educator planning a course with lesson notes and a laptop in a bright learning space",
+ imageCaption: "AI that supports the way you already teach",
+ outcomes: [
+ "Prepare and improve Moodle content without starting every task from a blank page.",
+ "Use the AI assistant or workflow that fits your school and your way of working.",
+ "Review each proposed change before it becomes part of a live course.",
+ ],
+ productSlugs: ["moodle-plugin", "cli", "moodle-core-cli", "skills"],
+ },
+ {
+ slug: "teaching-tools",
+ number: "2",
+ title: "Spend more time teaching",
+ shortTitle: "Teach with ease",
+ description: "Prepare rubrics, review work, and give useful feedback with less repetitive effort.",
+ introduction:
+ "Focused tools that help with the parts of Moodle teaching that take the most time, while every teaching and grading decision remains yours.",
+ image: "/moodlia-teaching-flow-v2.jpg",
+ imageAlt: "An educator calmly reviewing student work and feedback cards",
+ imageCaption: "More time for thoughtful teaching",
+ outcomes: [
+ "Bring a complete rubric into Moodle instead of entering every level by hand.",
+ "Use feedback suggestions as a starting point, then approve only what you mean.",
+ "Move a course backup to an older Moodle site without sending it to a server.",
+ ],
+ productSlugs: ["rubrics", "corrector", "backup-converter", "chrome-extensions"],
+ },
+ {
+ slug: "learning-insights",
+ number: "3",
+ title: "Know where to help next",
+ shortTitle: "See what matters",
+ description: "Turn course activity into clear priorities so support arrives at the right time.",
+ introduction:
+ "Clear course views that bring together activity, deadlines, participation, and progress, so the next helpful conversation is easier to spot.",
+ image: "/moodlia-learning-clarity-v2.jpg",
+ imageAlt: "An educator reviewing a simple learning overview and three priority markers",
+ imageCaption: "Clarity for the next helpful decision",
+ outcomes: [
+ "See the courses, deadlines, and resources that need attention in one place.",
+ "Notice participation and progress patterns worth following up with care.",
+ "Choose the simple overview or a deeper analysis when you need it.",
+ ],
+ productSlugs: ["teacher-dashboard", "analyzer-web", "analyzer-desktop"],
+ },
+];
+
+export const products: MoodliaProduct[] = [
+ {
+ slug: "moodle-plugin",
+ name: "MoodlIA Moodle Plugin",
+ waySlug: "ai-integration",
+ kind: "Moodle local plugin",
+ status: "Open-source project",
+ description: "Gives trusted AI tools controlled access to Moodle actions and content.",
+ introduction:
+ "The server-side foundation for controlled Moodle automation. It exposes explicit operations through REST and a Moodle-hosted MCP endpoint while keeping Moodle permissions and records authoritative.",
+ highlights: [
+ "REST services and a Moodle-hosted MCP endpoint",
+ "Operations for courses, activities, question banks, enrolments, files, audits, and backups",
+ "Permission-aware workflows that do not bypass Moodle",
+ ],
+ bestFor: [
+ "Teams connecting AI assistants directly to Moodle",
+ "Administrators automating repeated course-building work",
+ "Developers building controlled Moodle workflows",
+ ],
+ requirements: [
+ "A Moodle site where a local plugin can be installed",
+ "An authorised Moodle service user and token",
+ "Only the permissions required by the intended workflow",
+ ],
+ startGuide: {
+ install: [
+ "Ask the person who manages your Moodle site to install this plugin once for the site.",
+ "Ask them to create a separate, limited MoodlIA service account and token for the work you need.",
+ "Keep the Moodle address and token private; do not share an administrator password.",
+ ],
+ firstUse: [
+ "Start with a small task in a copied or test course.",
+ "Use it through a companion tool such as MoodlIA CLI or an approved AI assistant.",
+ "Review each proposed Moodle change before confirming it.",
+ ],
+ adminNote: "This is the foundation installed by a Moodle administrator. Teachers normally use it through another MoodlIA tool.",
+ },
+ sourceUrl: "https://github.com/gafapa/moodle-local_moodlia",
+ sourceLabel: "View the plugin on GitHub",
+ secondaryUrl: "https://github.com/gafapa/moodle-local_moodlia/issues",
+ secondaryLabel: "Report or follow an issue",
+ },
+ {
+ slug: "cli",
+ name: "MoodlIA CLI",
+ waySlug: "ai-integration",
+ kind: "Command-line and Node client",
+ status: "Published npm package",
+ description: "Runs Moodle tasks from a terminal or repeatable workflow.",
+ introduction:
+ "The public command-line tool and reusable Node client for the MoodlIA Moodle Plugin. It brings the same operation contract to developer machines, scripts, and automation workers.",
+ highlights: [
+ "Connects directly to MoodlIA through REST",
+ "Available as a global command or project dependency",
+ "Includes a reusable client and generated TypeScript declarations",
+ ],
+ bestFor: [
+ "People who prefer a terminal for repeatable Moodle work",
+ "Scripts that build, inspect, or audit course content",
+ "Automation workers that need the public MoodlIA client",
+ ],
+ requirements: [
+ "Node.js 22 or later",
+ "A Moodle site with the MoodlIA plugin installed",
+ "A REST token enabled for the MoodlIA service",
+ ],
+ startGuide: {
+ install: [
+ "Ask a colleague who is comfortable with command-line tools to install MoodlIA CLI on the computer you will use.",
+ "Give them the Moodle address and a dedicated MoodlIA REST token supplied by your Moodle administrator.",
+ "Keep that token private and use a test course for your first connection.",
+ ],
+ firstUse: [
+ "Open the command tool and check that it can read your Moodle site.",
+ "Try one small, reversible task, such as listing a course or creating a draft item.",
+ "Check the result in Moodle before repeating the workflow.",
+ ],
+ adminNote: "This is a terminal tool. You do not need to learn it alone: your Moodle or IT colleague can complete the one-time setup with you.",
+ },
+ sourceUrl: "https://github.com/gafapa/moodlia-cli",
+ sourceLabel: "View the CLI on GitHub",
+ secondaryUrl: "https://www.npmjs.com/package/moodlia",
+ secondaryLabel: "Open the npm package",
+ },
+ {
+ slug: "moodle-core-cli",
+ name: "Moodle Core CLI",
+ waySlug: "ai-integration",
+ kind: "Command-line and Node client",
+ status: "Published npm package",
+ description: "Works with Moodle's standard web services without installing a plugin.",
+ introduction:
+ "A friendly client and command-line interface for Moodle 5.0 and later core web services. It turns complex REST details into stable operations without requiring the MoodlIA plugin.",
+ highlights: [
+ "Uses Moodle core web services only",
+ "Handles nested parameters, version checks, and response normalisation",
+ "Exposes friendly operations instead of arbitrary remote calls",
+ ],
+ bestFor: [
+ "Moodle sites that cannot install an additional plugin",
+ "Developers who want a typed client for core services",
+ "Controlled automation using standard Moodle capabilities",
+ ],
+ requirements: [
+ "Node.js 22 or later",
+ "Moodle 5.0 or later with REST web services enabled",
+ "A token whose service exposes each required Moodle function",
+ ],
+ startGuide: {
+ install: [
+ "Ask your Moodle administrator to enable the standard REST services needed for your task.",
+ "Ask a colleague who uses command-line tools to install Moodle Core CLI on your computer.",
+ "Use a dedicated token with only the Moodle functions you need.",
+ ],
+ firstUse: [
+ "First confirm that the tool can read your Moodle site.",
+ "Try a small task in a test course before changing a live course.",
+ "Review the Moodle result after every new workflow.",
+ ],
+ adminNote: "This option is useful when your Moodle site cannot install the MoodlIA plugin. It still needs a Moodle administrator to prepare access safely.",
+ },
+ sourceUrl: "https://github.com/gafapa/moodle-core-cli",
+ sourceLabel: "View Moodle Core CLI on GitHub",
+ secondaryUrl: "https://www.npmjs.com/package/moodle-core-cli",
+ secondaryLabel: "Open the npm package",
+ },
+ {
+ slug: "skills",
+ name: "MoodlIA Skills",
+ waySlug: "ai-integration",
+ kind: "Reusable AI-agent skills",
+ status: "Open-source project",
+ description: "Guides AI assistants when creating and managing Moodle content.",
+ introduction:
+ "A reusable set of Codex skills for operating Moodle through MoodlIA and designing accessible content that remains portable through normal Moodle backup and restore workflows.",
+ highlights: [
+ "Guidance for inspecting, creating, updating, publishing, and verifying Moodle entities",
+ "Portable HTML and interactive content designed for normal Moodle workflows",
+ "Validation against unsafe or remotely dependent content packages",
+ ],
+ bestFor: [
+ "Educators working with an AI assistant on Moodle content",
+ "Teams that need repeatable, documented agent behaviour",
+ "Course content that must remain portable without MoodlIA at runtime",
+ ],
+ requirements: [
+ "Codex or a compatible environment that can load reusable skills",
+ "Public MoodlIA interfaces for Moodle operations",
+ ],
+ startGuide: {
+ install: [
+ "Choose an AI workspace that can use reusable skills, such as Codex.",
+ "Ask the person who manages that workspace to add the MoodlIA Skills collection.",
+ "Connect the workspace to Moodle only through an approved MoodlIA or Moodle Core setup.",
+ ],
+ firstUse: [
+ "Tell the assistant what you want to prepare in plain language.",
+ "Start with a single page, section, or activity rather than a whole course.",
+ "Read the proposed content and approve it before it is published in Moodle.",
+ ],
+ adminNote: "Skills guide an AI assistant; they do not give it access on their own. Moodle access remains controlled by the connection you choose.",
+ },
+ sourceUrl: "https://github.com/gafapa/moodlia-skills",
+ sourceLabel: "View the skills on GitHub",
+ },
+ {
+ slug: "rubrics",
+ name: "MoodlIA Rubrics",
+ waySlug: "teaching-tools",
+ kind: "Browser extension",
+ status: "Open-source project",
+ description: "Imports complete Moodle rubrics from a simple CSV file.",
+ introduction:
+ "A focused browser extension that turns a CSV rubric into Moodle's rubric editor, avoiding repetitive manual entry while leaving the rubric available for normal review and editing.",
+ highlights: [
+ "Imports rubric criteria and levels from CSV",
+ "Runs only on supported or explicitly approved Moodle hosts",
+ "Uses a native CSV parser with no third-party runtime dependency",
+ ],
+ bestFor: [
+ "Teachers preparing detailed Moodle grading rubrics",
+ "Teams moving existing rubric tables into Moodle",
+ "Repeated rubric setup across courses or sites",
+ ],
+ requirements: [
+ "Chrome or another Chromium-based browser",
+ "Access to a Moodle rubric editing page",
+ "A correctly structured CSV rubric file",
+ ],
+ startGuide: {
+ install: [
+ "Use Chrome or another Chromium-based browser.",
+ "Ask a colleague to add the MoodlIA Rubrics extension to the browser profile you use for Moodle.",
+ "Prepare your rubric in the simple CSV template before opening Moodle.",
+ ],
+ firstUse: [
+ "Open the rubric editing page in Moodle.",
+ "Choose your CSV file and let the extension fill in the draft rubric.",
+ "Read and adjust the criteria in Moodle before saving the rubric.",
+ ],
+ adminNote: "The extension works inside the browser and does not replace Moodle's rubric editor. You remain in control of the final rubric.",
+ },
+ sourceUrl: "https://github.com/gafapa/moodlia-rubrics",
+ sourceLabel: "View MoodlIA Rubrics on GitHub",
+ },
+ {
+ slug: "corrector",
+ name: "MoodlIA Corrector",
+ waySlug: "teaching-tools",
+ kind: "Chrome extension",
+ status: "Open-source project",
+ description: "Suggests assignment feedback and applies only teacher-approved corrections.",
+ introduction:
+ "A Chrome extension for reviewing Moodle assignment submissions with AI assistance. Suggestions remain under teacher control before they are applied to Moodle grading forms.",
+ highlights: [
+ "Works on Moodle assignment grading pages",
+ "Normalises correction suggestions and rubric information",
+ "Requires teacher approval before applying suggested changes",
+ ],
+ bestFor: [
+ "Teachers reviewing many Moodle assignment submissions",
+ "Rubric-based assessment with consistent feedback",
+ "Educators who want AI assistance without automatic grading decisions",
+ ],
+ requirements: [
+ "Google Chrome 116 or later",
+ "Access to an HTTPS Moodle assignment grading page",
+ "A local Ollama service or an OpenAI-compatible provider approved by your school or team",
+ ],
+ startGuide: {
+ install: [
+ "Install MoodlIA Corrector from the Chrome Web Store in your own Chrome profile.",
+ "Open the extension options and choose local Ollama or the OpenAI-compatible provider approved by your school or team.",
+ "Open Moodle normally with your own teacher account.",
+ ],
+ firstUse: [
+ "Open one assignment submission in Moodle's grading page.",
+ "Ask for a suggestion and read it alongside the student's work and your rubric.",
+ "Only apply the parts you agree with, then save the grade in Moodle yourself.",
+ ],
+ adminNote: "Corrector suggests feedback; it does not make grading decisions for you. Nothing is applied until you approve it.",
+ },
+ sourceUrl: "https://github.com/gafapa/moodlia-corrector",
+ sourceLabel: "View MoodlIA Corrector on GitHub",
+ },
+ {
+ slug: "backup-converter",
+ name: "MoodlIA Backup Converter",
+ waySlug: "teaching-tools",
+ kind: "Browser application",
+ status: "Open-source project",
+ description: "Adapts newer Moodle backups for selected older releases without uploading them.",
+ introduction:
+ "A local-first migration workbench for teachers and Moodle coordinators who need to reuse course material on an older site. It inspects a local .mbz file, explains compatibility risks, asks before removing unsupported activities, and prepares a converted backup entirely in the browser.",
+ highlights: [
+ "Targets Moodle 4.5, 4.1, and 3.11 with explicit compatibility profiles",
+ "Keeps the source backup in the browser and never uploads it",
+ "Downloads both the converted .mbz file and an auditable JSON report",
+ ],
+ bestFor: [
+ "Teachers moving courses between Moodle sites on different releases",
+ "Moodle coordinators preparing a working copy for a legacy site",
+ "Checking known incompatibilities before attempting a restore",
+ ],
+ requirements: [
+ "A modern browser with enough memory for the expanded backup",
+ "A local Moodle .mbz backup no larger than 768 MB",
+ "A test course on the destination Moodle site for the first restore",
+ ],
+ startGuide: {
+ install: [
+ "Open the static Backup Converter address provided by your school or team; there is nothing to install and no account to create.",
+ "Keep the original .mbz backup unchanged and work with a copy.",
+ "For a large backup, close other memory-intensive browser tabs before starting.",
+ ],
+ firstUse: [
+ "Choose the local .mbz backup and the older Moodle release you need.",
+ "Read every blocker and approve removal only when you understand which activities will be omitted.",
+ "Download the converted backup and JSON report, then restore first into an empty test course.",
+ ],
+ adminNote: "Conversion is conservative and auditable, but it cannot guarantee that every Moodle plugin or newer question-bank structure will restore on an older site. Always test the result before relying on it.",
+ },
+ sourceUrl: "https://github.com/gafapa/moodlia-backup-converter",
+ sourceLabel: "View Backup Converter on GitHub",
+ secondaryUrl: "/tools/backup-converter/",
+ secondaryLabel: "Open Backup Converter",
+ },
+ {
+ slug: "chrome-extensions",
+ name: "MoodlIA Chrome Extensions",
+ waySlug: "teaching-tools",
+ kind: "Browser-tool family",
+ status: "Project family",
+ description: "Bring focused MoodlIA tools into the Moodle pages teachers already use.",
+ introduction:
+ "The browser side of MoodlIA keeps each tool close to the Moodle task it supports. Extensions request only the site access they need and avoid replacing Moodle's own teaching workflow.",
+ highlights: [
+ "Focused tools rather than one oversized browser extension",
+ "Host access limited to supported or teacher-approved Moodle sites",
+ "Current projects include MoodlIA Rubrics and MoodlIA Corrector",
+ ],
+ bestFor: [
+ "Teachers who want help directly inside Moodle",
+ "Schools that prefer small, task-specific browser tools",
+ "Workflows where Moodle remains the visible place of work",
+ ],
+ requirements: [
+ "Chrome or another supported Chromium-based browser",
+ "Permission to install the chosen extension",
+ "Access to the relevant Moodle editing or grading page",
+ ],
+ startGuide: {
+ install: [
+ "Choose the one browser tool that matches your task: Rubrics for setup or Corrector for feedback.",
+ "Use Chrome or another supported Chromium-based browser.",
+ "Ask a colleague to add the chosen extension to your browser profile.",
+ ],
+ firstUse: [
+ "Open the Moodle page where you normally prepare or grade work.",
+ "Use the extension for one small task first.",
+ "Check the result in Moodle before saving or applying it.",
+ ],
+ adminNote: "Each extension stays focused on one Moodle task. You can ask us which one fits your workflow before installing anything.",
+ },
+ sourceUrl: "https://github.com/gafapa",
+ sourceLabel: "Explore MoodlIA projects on GitHub",
+ },
+ {
+ slug: "teacher-dashboard",
+ name: "MoodlIA Teacher Dashboard",
+ waySlug: "learning-insights",
+ kind: "Browser dashboard",
+ status: "Open-source project",
+ description: "Brings courses, deadlines, resources, and direct links into one teacher view.",
+ introduction:
+ "A backend-free dashboard that connects directly to Moodle's REST services from the browser and organises the information teachers need for everyday course follow-up.",
+ highlights: [
+ "Consolidates courses, action deadlines, resources, and Moodle links",
+ "Runs entirely in the browser without a custom backend",
+ "Stores connection settings locally on the device",
+ ],
+ bestFor: [
+ "Teachers working across several Moodle courses",
+ "Quick daily checks of deadlines and course resources",
+ "Sites that allow browser access to Moodle REST services",
+ ],
+ requirements: [
+ "Moodle REST web services enabled",
+ "A token with the required course and calendar functions",
+ "A Moodle site whose CORS policy allows browser requests",
+ ],
+ startGuide: {
+ install: [
+ "Ask your Moodle administrator to prepare a REST token with course and calendar access.",
+ "Open the dashboard address provided by your school or team in a modern browser.",
+ "Enter the Moodle address and token on your own device; the dashboard keeps its settings locally.",
+ ],
+ firstUse: [
+ "Check that your courses and deadlines appear correctly.",
+ "Open one course and use its direct Moodle links as you normally would.",
+ "Make the dashboard part of a short daily or weekly check-in.",
+ ],
+ adminNote: "The dashboard connects from your browser directly to Moodle. Your Moodle site must allow that connection before it can synchronise.",
+ },
+ sourceUrl: "https://github.com/gafapa/moodlia-teacher-dashboard",
+ sourceLabel: "View the dashboard on GitHub",
+ },
+ {
+ slug: "analyzer-web",
+ name: "MoodlIA Analyzer Web",
+ waySlug: "learning-insights",
+ kind: "Browser application",
+ status: "Open-source project",
+ description: "Finds participation trends, student risk, and priorities in the browser.",
+ introduction:
+ "A frontend-only Moodle analysis workspace for course and student follow-up. It combines activity, participation, grades, risk, recommendations, and intervention priorities without a custom backend.",
+ highlights: [
+ "Course-wide analysis, student risk, recommendations, and intervention queues",
+ "Trend comparisons, charts, filters, and CSV or JSON export",
+ "Local profiles and analysis cache stored in the browser",
+ ],
+ bestFor: [
+ "Teachers who want deeper course analysis without installing desktop software",
+ "Student follow-up based on activity, participation, and grades",
+ "Bilingual English and Spanish analysis workflows",
+ ],
+ requirements: [
+ "A modern web browser",
+ "Moodle REST access and a suitable token",
+ "Optional browser bridge when Moodle blocks direct cross-site requests",
+ ],
+ startGuide: {
+ install: [
+ "Ask your Moodle administrator for a suitable REST token.",
+ "Open the Analyzer Web address provided by your school or team in a modern browser.",
+ "If the connection is blocked, ask a colleague to add the optional browser bridge.",
+ ],
+ firstUse: [
+ "Connect to one course and wait for the analysis to finish.",
+ "Start with the course overview and the suggested priorities.",
+ "Open a student view only when you are ready to decide on a helpful follow-up.",
+ ],
+ adminNote: "Analyzer Web is for finding questions worth looking at, not for making automatic decisions about students.",
+ },
+ sourceUrl: "https://github.com/gafapa/moodlia-analyzer-web",
+ sourceLabel: "View Analyzer Web on GitHub",
+ },
+ {
+ slug: "analyzer-desktop",
+ name: "MoodlIA Analyzer Desktop",
+ waySlug: "learning-insights",
+ kind: "Desktop application",
+ status: "Open-source project",
+ description: "Provides course analysis in a standalone desktop application.",
+ introduction:
+ "A standalone application for analysing Moodle course activity, engagement, grade trends, and follow-up risk, with course dashboards, student views, charts, and optional AI-assisted reports.",
+ highlights: [
+ "Course dashboards and detailed student views",
+ "Configurable passing threshold and conservative risk classification",
+ "Local connection profiles with passwords kept only in memory",
+ ],
+ bestFor: [
+ "Teachers who prefer a dedicated desktop workspace",
+ "Course and student analysis with extensive visual detail",
+ "Windows and Apple Silicon Mac workflows",
+ ],
+ requirements: [
+ "A supported Windows or Apple Silicon Mac build",
+ "Access to Moodle REST web services",
+ "A token or credentials used to request one for the session",
+ ],
+ startGuide: {
+ install: [
+ "Choose the Windows or Apple Silicon Mac version that matches your computer.",
+ "Download the approved desktop build or ask your school or team to install it for you.",
+ "Ask your Moodle administrator for the connection method approved by your site.",
+ ],
+ firstUse: [
+ "Open the app and connect to Moodle for the current session.",
+ "Choose one course and begin with its overview rather than individual student details.",
+ "Use the analysis to guide a conversation or follow-up, then return to Moodle for the next action.",
+ ],
+ adminNote: "The desktop app keeps passwords only in memory for the active session. Use the connection method your Moodle site approves.",
+ },
+ sourceUrl: "https://github.com/gafapa/moodlia-analyzer-desktop",
+ sourceLabel: "View Analyzer Desktop on GitHub",
+ secondaryUrl: "https://github.com/gafapa/moodlia-analyzer-desktop/actions",
+ secondaryLabel: "Open available builds",
+ },
+];
+
+export function getWay(slug: string) {
+ return ways.find((way) => way.slug === slug);
+}
+
+export function getProduct(slug: string) {
+ return products.find((product) => product.slug === slug);
+}
+
+export function getWayProducts(waySlug: WaySlug) {
+ const way = getWay(waySlug);
+ if (!way) return [];
+ return way.productSlugs
+ .map((slug) => getProduct(slug))
+ .filter((product): product is MoodliaProduct => Boolean(product));
+}
+
+export function getRelatedProducts(product: MoodliaProduct) {
+ return getWayProducts(product.waySlug).filter((candidate) => candidate.slug !== product.slug);
+}
diff --git a/app/cookies/page.tsx b/app/cookies/page.tsx
new file mode 100644
index 0000000..9e3e8b6
--- /dev/null
+++ b/app/cookies/page.tsx
@@ -0,0 +1,7 @@
+import { createLegalMetadata, LegalPage } from "../legal-pages";
+
+export const metadata = createLegalMetadata("cookies", "en");
+
+export default function CookiesPage() {
+ return ;
+}
diff --git a/app/detail-pages.tsx b/app/detail-pages.tsx
new file mode 100644
index 0000000..3a247c5
--- /dev/null
+++ b/app/detail-pages.tsx
@@ -0,0 +1,275 @@
+import type { Metadata } from "next";
+import Image from "next/image";
+import type { MoodliaProduct, MoodliaWay } from "./catalog";
+import {
+ getLocalizedRelatedProducts,
+ getLocalizedWay,
+ getLocalizedWayProducts,
+ getPracticalGuide,
+ interfaceCopy,
+ localizePath,
+ type Locale,
+} from "./localization";
+import { SiteFooter, SiteHeader } from "./site-chrome";
+
+const siteUrl = "https://moodlia.com";
+
+function detailMetadata(
+ title: string,
+ description: string,
+ path: string,
+ image: string,
+ imageAlt: string,
+ locale: Locale,
+): Metadata {
+ const absoluteImage = `${siteUrl}${image}`;
+ const fullTitle = `${title} | MoodlIA`;
+ const canonicalPath = localizePath(locale, path);
+ return {
+ title: fullTitle,
+ description,
+ alternates: {
+ canonical: canonicalPath,
+ languages: { en: path, es: localizePath("es", path), "x-default": path },
+ },
+ openGraph: {
+ title: fullTitle,
+ description,
+ url: `${siteUrl}${canonicalPath}`,
+ siteName: "MoodlIA",
+ locale: locale === "es" ? "es_ES" : "en_US",
+ type: "website",
+ images: [{ url: absoluteImage, width: 1120, height: 1400, alt: imageAlt }],
+ },
+ twitter: {
+ card: "summary_large_image",
+ title: fullTitle,
+ description,
+ images: [absoluteImage],
+ },
+ };
+}
+
+export function createWayMetadata(way: MoodliaWay, locale: Locale) {
+ return detailMetadata(way.shortTitle, way.introduction, `/ways/${way.slug}`, way.image, way.imageAlt, locale);
+}
+
+export function createProductMetadata(product: MoodliaProduct, locale: Locale) {
+ const way = getLocalizedWay(product.waySlug, locale);
+ if (!way) throw new Error(`Missing way for ${product.slug}`);
+ return detailMetadata(product.name, product.description, `/products/${product.slug}`, way.image, `${product.name}: ${way.imageAlt}`, locale);
+}
+
+function Breadcrumb({ locale, items }: { locale: Locale; items: Array<{ label: string; href?: string }> }) {
+ const copy = interfaceCopy[locale];
+ return (
+
+ );
+}
+
+function DetailHelp({ subject, locale }: { subject: string; locale: Locale }) {
+ const copy = interfaceCopy[locale];
+ return (
+
+
MoodlIA is an independent open-source project operated by Pablo Gallego (Spanish tax identification number: 35320739F). Registered address: Conchidos Cerponzóns no. 8, 36152 Pontevedra, Spain. You can contact us at contact@moodlia.com.
+ },
+ { title: "Purpose of the website", content:
This website introduces the MoodlIA family of open-source projects, explains their scope, and provides a direct contact route for questions and support. It does not offer checkout, paid subscriptions, or online contracting.
},
+ { title: "Intellectual property", content:
The website’s text, design, and brand elements are protected by applicable law. Individual MoodlIA projects may be available under their own open-source licences, shown in their respective repositories. No licence is granted over the MoodlIA name or this website’s content except where expressly stated.
},
+ { title: "External links and availability", content:
This website may link to third-party services and project repositories. Their content and privacy practices are governed by their own terms. We aim to keep the website accurate and available, but do not guarantee uninterrupted availability or that every external resource remains current.
},
+ ],
+ },
+ privacy: {
+ title: "Privacy",
+ description: "How MoodlIA handles personal data when you use moodlia.com or contact us.",
+ path: "/privacy",
+ alternatePath: "/es/privacy",
+ sections: [
+ { title: "Who is responsible", content:
The controller for the data described here is Pablo Gallego, Spanish tax identification number 35320739F, with registered address at Conchidos Cerponzóns no. 8, 36152 Pontevedra, Spain. Contact: contact@moodlia.com.
},
+ { title: "Data we process", content:
The website is static and does not provide accounts, forms, analytics, advertising, or a database of visitors. If you email us, we process the contact details and information you choose to include. Technical infrastructure may also generate limited server logs, such as IP address, time, requested URL, and browser information, to secure and operate the service.
MoodlIA Corrector runs locally in the teacher’s browser on Moodle assignment grading pages. When the teacher asks it to create a correction suggestion, it can read the visible Moodle grading context, including course and assignment information, student name when displayed, submission text, selected text-file attachments, rubric or marking-guide information, grades, and feedback fields. This data is used only to generate a teacher-reviewed suggestion. The extension never submits the Moodle grading form automatically.
},
+ { title: "AI providers and data sharing", content:
MoodlIA does not operate an AI service for Corrector and does not receive the Moodle data processed by the extension. The teacher or institution selects either a local Ollama service or an OpenAI-compatible provider and supplies its endpoint. When the teacher requests a suggestion, the required Moodle context is sent directly to that selected provider. The provider’s own terms, data-processing terms, retention rules, and location apply. Teachers and institutions must use only providers that they are authorised to use with student work.
},
+ { title: "Extension storage and security", content:
The extension stores the selected provider, endpoint, and model as browser preferences. An API key for a remote provider is retained only in Chrome session storage and is cleared when the browser session ends. MoodlIA does not sell data, use it for advertising or profiling, allow MoodlIA personnel to read it, or use it for purposes unrelated to the extension’s teacher-facing correction feature.
Backup Converter reads, inspects, transforms, and repackages a Moodle backup entirely in the user’s browser. The application does not upload the selected .mbz file, store it on a MoodlIA server, use analytics, or send its contents to a third party. The working archive remains in browser memory and is cleared when the page is reloaded or closed. Users remain responsible for keeping the original backup safe and testing a converted copy before using it on a live Moodle site.
},
+ { title: "Why and on what basis", content:
We use email data to answer your request, provide support, and manage any pre-contractual conversation you initiate. We use essential technical logs to keep the service secure and reliable. The legal basis is the steps you request before a possible contract, where applicable, and our legitimate interest in replying to enquiries and protecting the service.
},
+ { title: "Recipients and retention", content:
Data is not sold or used for advertising. It may be processed by providers that host the website or email service, acting under their applicable terms and safeguards. Enquiries are kept only for as long as needed to respond and manage the resulting relationship; security logs are retained for the period needed to investigate incidents and maintain service security.
},
+ { title: "Your rights", content:
You may request access, correction, deletion, objection, restriction, or portability where applicable by emailing contact@moodlia.com. You may also lodge a complaint with the Spanish Data Protection Agency (AEPD) or your competent supervisory authority.
},
+ ],
+ },
+ cookies: {
+ title: "Cookies",
+ description: "Information about cookies and similar technologies on moodlia.com.",
+ path: "/cookies",
+ alternatePath: "/es/cookies",
+ sections: [
+ { title: "Current use", content:
Moodlia.com does not currently use analytics, advertising, profiling, or social-media cookies. It does not store browser identifiers for those purposes, so a consent banner is not shown.
},
+ { title: "If this changes", content:
If non-essential cookies or similar technologies are added in the future, this page will be updated and they will not be activated until you have received the required information and, where required, given consent. Essential technologies needed to deliver a service you explicitly request may be used without consent where permitted by law.
},
+ { title: "How to manage cookies", content:
You can delete or block cookies in your browser settings. Blocking technical cookies can affect the operation of websites that rely on them. This website currently has no optional-cookie settings because it does not use optional cookies.
},
+ ],
+ },
+ },
+ es: {
+ legal: {
+ title: "Aviso legal",
+ description: "Información sobre la titularidad y el uso de moodlia.com.",
+ path: "/es/aviso-legal",
+ alternatePath: "/legal-notice",
+ sections: [
+ { title: "Titular del sitio web", content: <>
+
MoodlIA es un proyecto independiente de código abierto operado por Pablo Gallego (NIF: 35320739F). Domicilio: Conchidos Cerponzóns nº 8, 36152 Pontevedra, España. Puedes contactar en contact@moodlia.com.
+ },
+ { title: "Finalidad del sitio web", content:
Este sitio presenta la familia de proyectos de código abierto MoodlIA, explica su alcance y ofrece un canal directo de contacto para consultas y ayuda. No ofrece proceso de compra, suscripciones de pago ni contratación electrónica.
},
+ { title: "Propiedad intelectual", content:
Los textos, el diseño y los elementos de marca del sitio están protegidos por la normativa aplicable. Cada proyecto de MoodlIA puede distribuirse bajo su propia licencia de código abierto, indicada en su repositorio. No se concede ninguna licencia sobre el nombre MoodlIA ni sobre el contenido de este sitio salvo indicación expresa.
},
+ { title: "Enlaces externos y disponibilidad", content:
Este sitio puede enlazar servicios y repositorios de terceros. Su contenido y sus prácticas de privacidad se rigen por sus propias condiciones. Procuramos mantener el sitio actualizado y disponible, pero no garantizamos disponibilidad ininterrumpida ni la vigencia permanente de cada recurso externo.
},
+ ],
+ },
+ privacy: {
+ title: "Privacidad",
+ description: "Cómo trata MoodlIA los datos personales al usar moodlia.com o contactar con nosotros.",
+ path: "/es/privacy",
+ alternatePath: "/privacy",
+ sections: [
+ { title: "Quién es responsable", content:
El responsable de los datos descritos en esta política es Pablo Gallego, con NIF 35320739F y domicilio en Conchidos Cerponzóns nº 8, 36152 Pontevedra, España. Contacto: contact@moodlia.com.
},
+ { title: "Datos que tratamos", content:
La web es estática y no incluye cuentas, formularios, analítica, publicidad ni una base de datos de visitantes. Si nos escribes, tratamos los datos de contacto y la información que decidas incluir. La infraestructura técnica también puede generar registros limitados, como dirección IP, hora, URL solicitada e información del navegador, para proteger y operar el servicio.
},
+ { title: "Extensión de navegador MoodlIA Corrector", content:
MoodlIA Corrector se ejecuta localmente en el navegador del docente, en las páginas de calificación de tareas de Moodle. Cuando el docente solicita una propuesta de corrección, puede leer el contexto visible de calificación de Moodle: información del curso y la tarea, nombre del estudiante cuando aparece en la página, texto de la entrega, adjuntos de texto seleccionados, información de rúbricas o guías de evaluación, notas y campos de comentarios. Estos datos se usan únicamente para generar una propuesta que el docente revisa. La extensión nunca envía automáticamente el formulario de calificación de Moodle.
},
+ { title: "Proveedores de IA y comunicación de datos", content:
MoodlIA no opera un servicio de IA para Corrector ni recibe los datos de Moodle tratados por la extensión. El docente o la institución elige un servicio local de Ollama o un proveedor compatible con OpenAI e indica su endpoint. Al solicitar una propuesta, el contexto necesario de Moodle se envía directamente a ese proveedor seleccionado. Se aplican sus propios términos, condiciones de tratamiento, conservación y ubicación de datos. Los docentes y las instituciones deben usar únicamente proveedores autorizados para el tratamiento de trabajos del alumnado.
},
+ { title: "Almacenamiento y seguridad de la extensión", content:
La extensión guarda como preferencias del navegador el proveedor, endpoint y modelo elegidos. Una clave API para un proveedor remoto se conserva solo en el almacenamiento de sesión de Chrome y se elimina al finalizar la sesión del navegador. MoodlIA no vende datos, no los usa para publicidad ni elaboración de perfiles, no permite que el personal de MoodlIA los lea y no los emplea para fines ajenos a la función de propuestas de corrección para docentes.
Backup Converter lee, inspecciona, transforma y vuelve a empaquetar una copia de Moodle íntegramente en el navegador del usuario. La aplicación no sube el archivo .mbz seleccionado, no lo guarda en un servidor de MoodlIA, no utiliza analítica ni envía su contenido a terceros. El archivo de trabajo permanece en la memoria del navegador y se elimina al recargar o cerrar la página. La persona usuaria sigue siendo responsable de conservar la copia original y probar el archivo convertido antes de utilizarlo en un sitio Moodle real.
},
+ { title: "Para qué y con qué base", content:
Utilizamos los datos de correo para responder a tu consulta, prestar ayuda y gestionar la conversación precontractual que inicies. Usamos los registros técnicos esenciales para mantener el servicio seguro y fiable. La base jurídica es la aplicación de medidas precontractuales solicitadas por ti, cuando corresponda, y nuestro interés legítimo en responder consultas y proteger el servicio.
},
+ { title: "Destinatarios y conservación", content:
No vendemos datos ni los utilizamos para publicidad. Pueden ser tratados por proveedores que alojan el sitio o el correo, con sus correspondientes condiciones y garantías. Las consultas se conservan solo el tiempo necesario para responder y gestionar la relación resultante; los registros de seguridad, durante el tiempo necesario para investigar incidentes y mantener la seguridad.
},
+ { title: "Tus derechos", content:
Puedes solicitar acceso, rectificación, supresión, oposición, limitación o portabilidad cuando corresponda escribiendo a contact@moodlia.com. También puedes presentar una reclamación ante la Agencia Española de Protección de Datos (AEPD) o la autoridad de control competente.
},
+ ],
+ },
+ cookies: {
+ title: "Cookies",
+ description: "Información sobre cookies y tecnologías similares en moodlia.com.",
+ path: "/es/cookies",
+ alternatePath: "/cookies",
+ sections: [
+ { title: "Uso actual", content:
Moodlia.com no utiliza actualmente cookies de analítica, publicidad, elaboración de perfiles ni redes sociales. Tampoco almacena identificadores del navegador para esos fines, por lo que no se muestra un banner de consentimiento.
},
+ { title: "Si esto cambia", content:
Si en el futuro se añaden cookies u otras tecnologías no necesarias, esta página se actualizará y no se activarán hasta que hayas recibido la información exigida y, cuando sea necesario, prestado tu consentimiento. Las tecnologías esenciales para prestar un servicio solicitado expresamente podrán utilizarse sin consentimiento cuando la ley lo permita.
},
+ { title: "Cómo gestionar las cookies", content:
Puedes eliminar o bloquear cookies desde la configuración de tu navegador. Bloquear cookies técnicas puede afectar al funcionamiento de los sitios que dependan de ellas. Esta web no cuenta ahora con ajustes de cookies opcionales porque no las utiliza.
+
+
+ ;
+}
+
+export const legalPaths = {
+ legal: { en: copy.en.legal.path, es: copy.es.legal.path },
+ privacy: { en: copy.en.privacy.path, es: copy.es.privacy.path },
+ cookies: { en: copy.en.cookies.path, es: copy.es.cookies.path },
+};
diff --git a/app/localization.ts b/app/localization.ts
new file mode 100644
index 0000000..6ebc897
--- /dev/null
+++ b/app/localization.ts
@@ -0,0 +1,933 @@
+import {
+ products,
+ ways,
+ type MoodliaProduct,
+ type MoodliaWay,
+ type WaySlug,
+} from "./catalog";
+
+export type Locale = "en" | "es";
+
+type WayCopy = Pick<
+ MoodliaWay,
+ "title" | "shortTitle" | "description" | "introduction" | "imageAlt" | "imageCaption" | "outcomes"
+>;
+
+type ProductCopy = Pick<
+ MoodliaProduct,
+ | "kind"
+ | "status"
+ | "description"
+ | "introduction"
+ | "highlights"
+ | "bestFor"
+ | "requirements"
+ | "startGuide"
+ | "sourceLabel"
+> & Partial>;
+
+export interface PracticalGuideStep {
+ title: string;
+ description: string;
+ command?: string;
+ action?: {
+ href: string;
+ label: string;
+ };
+}
+
+export interface PracticalGuide {
+ title: string;
+ introduction: string;
+ availability?: {
+ title: string;
+ description: string;
+ };
+ steps: PracticalGuideStep[];
+}
+
+const spanishWays: Record = {
+ "ai-integration": {
+ title: "Convierte ideas en aprendizaje en Moodle",
+ shortTitle: "Planifica con IA",
+ description: "Da forma a un curso, una actividad o una mejora con ayuda de IA y decide qué llega a Moodle.",
+ introduction:
+ "Formas prácticas de convertir una idea docente en contenido de Moodle, manteniendo el control de tu sitio, sus permisos y tu criterio profesional.",
+ imageAlt: "Una docente planifica un curso con apuntes y un portátil en un espacio de aprendizaje luminoso",
+ imageCaption: "IA que acompaña tu forma de enseñar",
+ outcomes: [
+ "Preparar y mejorar contenido de Moodle sin partir de una página en blanco en cada tarea.",
+ "Usar el asistente de IA o el flujo de trabajo que encaje con tu centro y tu forma de trabajar.",
+ "Revisar cada cambio propuesto antes de incorporarlo a un curso real.",
+ ],
+ },
+ "teaching-tools": {
+ title: "Dedica más tiempo a enseñar",
+ shortTitle: "Enseña con facilidad",
+ description: "Prepara rúbricas, revisa trabajos y ofrece comentarios útiles con menos tareas repetitivas.",
+ introduction:
+ "Herramientas enfocadas que ayudan en las partes de la docencia con Moodle que más tiempo consumen, sin sustituir ninguna decisión de enseñanza o calificación.",
+ imageAlt: "Una docente revisa con calma trabajos y tarjetas de retroalimentación",
+ imageCaption: "Más tiempo para enseñar con criterio",
+ outcomes: [
+ "Llevar una rúbrica completa a Moodle sin introducir cada nivel a mano.",
+ "Usar sugerencias de comentarios como punto de partida y aprobar solo lo que quieres decir.",
+ "Trasladar una copia de curso a un Moodle anterior sin enviarla a un servidor.",
+ ],
+ },
+ "learning-insights": {
+ title: "Sabe dónde ayudar después",
+ shortTitle: "Ve lo importante",
+ description: "Convierte la actividad del curso en prioridades claras para ofrecer apoyo en el momento adecuado.",
+ introduction:
+ "Vistas claras del curso que reúnen actividad, plazos, participación y progreso para que sea más fácil detectar la siguiente conversación útil.",
+ imageAlt: "Una docente revisa un resumen de aprendizaje y tres marcadores de prioridad",
+ imageCaption: "Claridad para decidir el siguiente apoyo",
+ outcomes: [
+ "Ver en un solo lugar los cursos, plazos y recursos que necesitan atención.",
+ "Detectar con cuidado patrones de participación y progreso que merece la pena seguir.",
+ "Elegir una vista sencilla o un análisis más profundo cuando lo necesites.",
+ ],
+ },
+};
+
+const spanishProducts: Record = {
+ "moodle-plugin": {
+ kind: "Plugin local de Moodle",
+ status: "Proyecto de código abierto",
+ description: "Ofrece a herramientas de IA autorizadas acceso controlado a acciones y contenido de Moodle.",
+ introduction:
+ "La base del servidor para automatizar Moodle de forma controlada. Expone operaciones explícitas mediante REST y un endpoint MCP alojado en Moodle, manteniendo los permisos y registros de Moodle como fuente de autoridad.",
+ highlights: [
+ "Servicios REST y un endpoint MCP alojado en Moodle",
+ "Operaciones para cursos, actividades, bancos de preguntas, matriculaciones, archivos, auditorías y copias de seguridad",
+ "Flujos que respetan los permisos y no eluden Moodle",
+ ],
+ bestFor: [
+ "Equipos que conectan asistentes de IA directamente con Moodle",
+ "Administradores que automatizan tareas repetitivas de creación de cursos",
+ "Desarrolladores que crean flujos controlados para Moodle",
+ ],
+ requirements: [
+ "Un sitio Moodle donde se pueda instalar un plugin local",
+ "Un usuario de servicios y un token autorizados en Moodle",
+ "Solo los permisos necesarios para el flujo previsto",
+ ],
+ startGuide: {
+ install: [
+ "Pide a la persona que administra tu sitio Moodle que instale este plugin una única vez para todo el sitio.",
+ "Pídele que cree una cuenta de servicio MoodlIA independiente, con acceso limitado y un token para lo que necesitas hacer.",
+ "Guarda en privado la dirección de Moodle y el token; nunca compartas una contraseña de administrador.",
+ ],
+ firstUse: [
+ "Empieza con una tarea pequeña en un curso de prueba o una copia del curso.",
+ "Úsalo desde una herramienta complementaria, como MoodlIA CLI o un asistente de IA autorizado.",
+ "Revisa cada cambio que se proponga en Moodle antes de confirmarlo.",
+ ],
+ adminNote: "Esta es la base que instala un administrador de Moodle. El profesorado normalmente la utiliza desde otra herramienta MoodlIA.",
+ },
+ sourceLabel: "Ver el plugin en GitHub",
+ secondaryLabel: "Consultar o comunicar una incidencia",
+ },
+ cli: {
+ kind: "Cliente de línea de comandos y Node",
+ status: "Paquete npm publicado",
+ description: "Ejecuta tareas de Moodle desde una terminal o un flujo repetible.",
+ introduction:
+ "La herramienta pública de línea de comandos y el cliente Node reutilizable para el plugin de MoodlIA. Lleva el mismo contrato de operaciones a equipos de desarrollo, scripts y procesos de automatización.",
+ highlights: [
+ "Se conecta directamente con MoodlIA mediante REST",
+ "Disponible como comando global o dependencia de proyecto",
+ "Incluye un cliente reutilizable y declaraciones TypeScript generadas",
+ ],
+ bestFor: [
+ "Personas que prefieren la terminal para tareas repetibles de Moodle",
+ "Scripts que crean, inspeccionan o auditan contenido de cursos",
+ "Procesos de automatización que necesitan el cliente público de MoodlIA",
+ ],
+ requirements: [
+ "Node.js 22 o posterior",
+ "Un sitio Moodle con el plugin de MoodlIA instalado",
+ "Un token REST habilitado para el servicio de MoodlIA",
+ ],
+ startGuide: {
+ install: [
+ "Pide a una persona familiarizada con herramientas de línea de comandos que instale MoodlIA CLI en el ordenador que vas a usar.",
+ "Dale la dirección de Moodle y un token REST de MoodlIA específico proporcionado por el administrador de Moodle.",
+ "Mantén ese token en privado y usa un curso de prueba para tu primera conexión.",
+ ],
+ firstUse: [
+ "Abre la herramienta de comandos y comprueba que puede leer tu sitio Moodle.",
+ "Prueba una tarea pequeña y reversible, como listar un curso o crear un elemento de borrador.",
+ "Comprueba el resultado en Moodle antes de repetir el flujo.",
+ ],
+ adminNote: "Es una herramienta de terminal. No tienes que aprenderla en solitario: una persona de Moodle o informática puede hacer contigo la configuración inicial.",
+ },
+ sourceLabel: "Ver la CLI en GitHub",
+ secondaryLabel: "Abrir el paquete npm",
+ },
+ "moodle-core-cli": {
+ kind: "Cliente de línea de comandos y Node",
+ status: "Paquete npm publicado",
+ description: "Trabaja con los servicios web estándar de Moodle sin instalar un plugin.",
+ introduction:
+ "Un cliente y una interfaz de línea de comandos accesibles para los servicios web del núcleo de Moodle 5.0 y posteriores. Convierte los detalles complejos de REST en operaciones estables sin requerir el plugin de MoodlIA.",
+ highlights: [
+ "Utiliza únicamente los servicios web del núcleo de Moodle",
+ "Gestiona parámetros anidados, comprobaciones de versión y normalización de respuestas",
+ "Expone operaciones claras en lugar de llamadas remotas arbitrarias",
+ ],
+ bestFor: [
+ "Sitios Moodle donde no se puede instalar un plugin adicional",
+ "Desarrolladores que necesitan un cliente tipado para los servicios del núcleo",
+ "Automatizaciones controladas basadas en las capacidades estándar de Moodle",
+ ],
+ requirements: [
+ "Node.js 22 o posterior",
+ "Moodle 5.0 o posterior con los servicios web REST habilitados",
+ "Un token cuyo servicio exponga cada función de Moodle necesaria",
+ ],
+ startGuide: {
+ install: [
+ "Pide al administrador de Moodle que active los servicios REST estándar necesarios para tu tarea.",
+ "Pide a una persona que use herramientas de línea de comandos que instale Moodle Core CLI en tu ordenador.",
+ "Utiliza un token independiente con solo las funciones de Moodle que necesitas.",
+ ],
+ firstUse: [
+ "Primero confirma que la herramienta puede leer tu sitio Moodle.",
+ "Prueba una tarea pequeña en un curso de prueba antes de cambiar un curso real.",
+ "Revisa el resultado en Moodle después de cada flujo nuevo.",
+ ],
+ adminNote: "Es una buena opción cuando tu sitio Moodle no puede instalar el plugin de MoodlIA. Aun así, un administrador debe preparar el acceso de forma segura.",
+ },
+ sourceLabel: "Ver Moodle Core CLI en GitHub",
+ secondaryLabel: "Abrir el paquete npm",
+ },
+ skills: {
+ kind: "Skills reutilizables para agentes de IA",
+ status: "Proyecto de código abierto",
+ description: "Guía a los asistentes de IA al crear y gestionar contenido de Moodle.",
+ introduction:
+ "Un conjunto reutilizable de skills para Codex destinado a operar Moodle mediante MoodlIA y diseñar contenido accesible que siga siendo portable con las copias de seguridad y restauraciones habituales de Moodle.",
+ highlights: [
+ "Guía para inspeccionar, crear, actualizar, publicar y verificar entidades de Moodle",
+ "HTML portable y contenido interactivo diseñado para los flujos habituales de Moodle",
+ "Validación frente a paquetes inseguros o dependientes de servicios remotos",
+ ],
+ bestFor: [
+ "Docentes que trabajan con un asistente de IA en contenido de Moodle",
+ "Equipos que necesitan un comportamiento de agentes repetible y documentado",
+ "Contenido de cursos que debe seguir siendo portable sin MoodlIA en tiempo de ejecución",
+ ],
+ requirements: [
+ "Codex o un entorno compatible capaz de cargar skills reutilizables",
+ "Interfaces públicas de MoodlIA para operar Moodle",
+ ],
+ startGuide: {
+ install: [
+ "Elige un espacio de trabajo de IA que pueda utilizar skills reutilizables, como Codex.",
+ "Pide a la persona que administra ese espacio que añada la colección MoodlIA Skills.",
+ "Conecta el espacio con Moodle solo mediante una configuración MoodlIA o Moodle Core aprobada.",
+ ],
+ firstUse: [
+ "Cuéntale al asistente, con tus palabras, qué quieres preparar.",
+ "Empieza por una única página, sección o actividad en lugar de por un curso entero.",
+ "Lee el contenido propuesto y apruébalo antes de publicarlo en Moodle.",
+ ],
+ adminNote: "Las skills orientan a un asistente de IA; por sí solas no le dan acceso. El acceso a Moodle sigue dependiendo de la conexión que elijas.",
+ },
+ sourceLabel: "Ver las skills en GitHub",
+ },
+ rubrics: {
+ kind: "Extensión de navegador",
+ status: "Proyecto de código abierto",
+ description: "Importa rúbricas completas de Moodle desde un sencillo archivo CSV.",
+ introduction:
+ "Una extensión de navegador específica que convierte una rúbrica CSV en el editor de rúbricas de Moodle, evitando la introducción manual repetitiva y permitiendo revisarla y editarla con normalidad.",
+ highlights: [
+ "Importa criterios y niveles de rúbrica desde CSV",
+ "Se ejecuta únicamente en sitios Moodle compatibles o aprobados expresamente",
+ "Utiliza un analizador CSV nativo sin dependencias externas en tiempo de ejecución",
+ ],
+ bestFor: [
+ "Docentes que preparan rúbricas detalladas de calificación en Moodle",
+ "Equipos que trasladan tablas de rúbricas existentes a Moodle",
+ "Configuración repetida de rúbricas en cursos o sitios",
+ ],
+ requirements: [
+ "Chrome u otro navegador basado en Chromium",
+ "Acceso a una página de edición de rúbricas de Moodle",
+ "Un archivo CSV de rúbrica con la estructura correcta",
+ ],
+ startGuide: {
+ install: [
+ "Utiliza Chrome u otro navegador basado en Chromium.",
+ "Pide a una persona de confianza que añada la extensión MoodlIA Rubrics al perfil de navegador que usas para Moodle.",
+ "Prepara tu rúbrica en la plantilla CSV sencilla antes de abrir Moodle.",
+ ],
+ firstUse: [
+ "Abre la página de edición de rúbricas en Moodle.",
+ "Elige tu archivo CSV y deja que la extensión complete el borrador de la rúbrica.",
+ "Lee y ajusta los criterios en Moodle antes de guardar la rúbrica.",
+ ],
+ adminNote: "La extensión funciona dentro del navegador y no sustituye al editor de rúbricas de Moodle. Tú mantienes el control de la rúbrica final.",
+ },
+ sourceLabel: "Ver MoodlIA Rubrics en GitHub",
+ },
+ corrector: {
+ kind: "Extensión de Chrome",
+ status: "Proyecto de código abierto",
+ description: "Sugiere comentarios para tareas y aplica únicamente las correcciones aprobadas por el docente.",
+ introduction:
+ "Una extensión de Chrome para revisar entregas de tareas de Moodle con ayuda de IA. Las sugerencias permanecen bajo el control del docente antes de aplicarse a los formularios de calificación de Moodle.",
+ highlights: [
+ "Funciona en las páginas de calificación de tareas de Moodle",
+ "Normaliza las sugerencias de corrección y la información de las rúbricas",
+ "Requiere la aprobación del docente antes de aplicar los cambios sugeridos",
+ ],
+ bestFor: [
+ "Docentes que revisan muchas entregas de tareas en Moodle",
+ "Evaluación con rúbricas y comentarios coherentes",
+ "Educadores que quieren ayuda de IA sin decisiones automáticas de calificación",
+ ],
+ requirements: [
+ "Google Chrome 116 o posterior",
+ "Acceso a una página HTTPS de calificación de tareas de Moodle",
+ "Un servicio Ollama local o un proveedor compatible con OpenAI aprobado por tu centro o equipo",
+ ],
+ startGuide: {
+ install: [
+ "Instala MoodlIA Corrector desde Chrome Web Store en tu propio perfil de Chrome.",
+ "Abre las opciones de la extensión y elige Ollama local o el proveedor compatible con OpenAI aprobado por tu centro o equipo.",
+ "Abre Moodle como siempre con tu propia cuenta docente.",
+ ],
+ firstUse: [
+ "Abre una entrega de tarea en la página de calificación de Moodle.",
+ "Pide una sugerencia y léela junto al trabajo del estudiante y tu rúbrica.",
+ "Aplica solamente las partes con las que estés de acuerdo y guarda tú mismo la calificación en Moodle.",
+ ],
+ adminNote: "Corrector propone comentarios; no toma decisiones de calificación por ti. No se aplica nada hasta que lo apruebas.",
+ },
+ sourceLabel: "Ver MoodlIA Corrector en GitHub",
+ },
+ "backup-converter": {
+ kind: "Aplicación web",
+ status: "Proyecto de código abierto",
+ description: "Adapta copias modernas de Moodle para versiones anteriores seleccionadas sin subirlas.",
+ introduction:
+ "Una mesa de migración local para docentes y coordinadores de Moodle que necesitan reutilizar material de un curso en un sitio anterior. Inspecciona un archivo .mbz local, explica los riesgos de compatibilidad, pide permiso antes de eliminar actividades no admitidas y prepara la copia convertida íntegramente en el navegador.",
+ highlights: [
+ "Perfiles explícitos para Moodle 4.5, 4.1 y 3.11",
+ "Mantiene la copia de origen en el navegador y nunca la sube",
+ "Descarga el archivo .mbz convertido y un informe JSON auditable",
+ ],
+ bestFor: [
+ "Docentes que trasladan cursos entre sitios Moodle con versiones diferentes",
+ "Coordinadores que preparan una copia de trabajo para un sitio antiguo",
+ "Comprobar incompatibilidades conocidas antes de intentar una restauración",
+ ],
+ requirements: [
+ "Un navegador moderno con memoria suficiente para la copia descomprimida",
+ "Una copia local .mbz de Moodle de hasta 768 MB",
+ "Un curso de prueba en el Moodle de destino para la primera restauración",
+ ],
+ startGuide: {
+ install: [
+ "Abre la dirección estática de Backup Converter que facilite tu centro o equipo; no hay nada que instalar ni hace falta crear una cuenta.",
+ "Conserva intacta la copia .mbz original y trabaja con un duplicado.",
+ "Si la copia es grande, cierra otras pestañas del navegador que consuman mucha memoria.",
+ ],
+ firstUse: [
+ "Elige la copia .mbz local y la versión anterior de Moodle que necesitas.",
+ "Lee cada bloqueo y aprueba una eliminación únicamente cuando entiendas qué actividades se omitirán.",
+ "Descarga la copia convertida y el informe JSON, y restáurala primero en un curso de prueba vacío.",
+ ],
+ adminNote: "La conversión es conservadora y auditable, pero no puede garantizar que todos los plugins de Moodle ni las estructuras modernas del banco de preguntas se restauren en un sitio anterior. Prueba siempre el resultado antes de utilizarlo.",
+ },
+ sourceLabel: "Ver Backup Converter en GitHub",
+ secondaryLabel: "Abrir Backup Converter",
+ },
+ "chrome-extensions": {
+ kind: "Familia de herramientas de navegador",
+ status: "Familia de proyectos",
+ description: "Lleva herramientas específicas de MoodlIA a las páginas de Moodle que ya utiliza el profesorado.",
+ introduction:
+ "La parte de navegador de MoodlIA mantiene cada herramienta cerca de la tarea de Moodle a la que ayuda. Las extensiones solicitan únicamente el acceso que necesitan y no sustituyen el flujo docente de Moodle.",
+ highlights: [
+ "Herramientas específicas en lugar de una única extensión sobredimensionada",
+ "Acceso limitado a sitios Moodle compatibles o aprobados por el docente",
+ "Los proyectos actuales incluyen MoodlIA Rubrics y MoodlIA Corrector",
+ ],
+ bestFor: [
+ "Docentes que quieren ayuda directamente dentro de Moodle",
+ "Centros que prefieren pequeñas herramientas específicas",
+ "Flujos en los que Moodle sigue siendo el lugar visible de trabajo",
+ ],
+ requirements: [
+ "Chrome u otro navegador compatible basado en Chromium",
+ "Permiso para instalar la extensión elegida",
+ "Acceso a la página de edición o calificación correspondiente de Moodle",
+ ],
+ startGuide: {
+ install: [
+ "Elige la herramienta de navegador que corresponde a tu tarea: Rubrics para preparar o Corrector para dar comentarios.",
+ "Utiliza Chrome u otro navegador Chromium compatible.",
+ "Pide a una persona de confianza que añada la extensión elegida a tu perfil de navegador.",
+ ],
+ firstUse: [
+ "Abre la página de Moodle donde normalmente preparas o calificas trabajo.",
+ "Usa primero la extensión para una tarea pequeña.",
+ "Comprueba el resultado en Moodle antes de guardar o aplicar nada.",
+ ],
+ adminNote: "Cada extensión se concentra en una tarea de Moodle. Puedes preguntarnos cuál encaja con tu forma de trabajar antes de instalar nada.",
+ },
+ sourceLabel: "Explorar los proyectos de MoodlIA en GitHub",
+ },
+ "teacher-dashboard": {
+ kind: "Panel web",
+ status: "Proyecto de código abierto",
+ description: "Reúne cursos, plazos, recursos y enlaces directos en una única vista docente.",
+ introduction:
+ "Un panel sin backend propio que se conecta directamente a los servicios REST de Moodle desde el navegador y organiza la información necesaria para el seguimiento diario de los cursos.",
+ highlights: [
+ "Reúne cursos, fechas de actuación, recursos y enlaces de Moodle",
+ "Funciona completamente en el navegador sin un backend personalizado",
+ "Guarda la configuración de conexión localmente en el dispositivo",
+ ],
+ bestFor: [
+ "Docentes que trabajan con varios cursos de Moodle",
+ "Revisiones diarias rápidas de plazos y recursos del curso",
+ "Sitios que permiten acceder desde el navegador a los servicios REST de Moodle",
+ ],
+ requirements: [
+ "Servicios web REST habilitados en Moodle",
+ "Un token con las funciones necesarias de cursos y calendario",
+ "Un sitio Moodle cuya política CORS permita peticiones desde el navegador",
+ ],
+ startGuide: {
+ install: [
+ "Pide al administrador de Moodle que prepare un token REST con acceso a cursos y calendario.",
+ "Abre en un navegador moderno la dirección del panel que te facilite tu centro o equipo.",
+ "Introduce la dirección de Moodle y el token en tu propio dispositivo; el panel guarda su configuración localmente.",
+ ],
+ firstUse: [
+ "Comprueba que tus cursos y plazos aparecen correctamente.",
+ "Abre un curso y usa sus enlaces directos de Moodle como lo haces habitualmente.",
+ "Convierte el panel en parte de una revisión breve diaria o semanal.",
+ ],
+ adminNote: "El panel se conecta desde tu navegador directamente con Moodle. Tu sitio Moodle debe permitir esa conexión para poder sincronizar.",
+ },
+ sourceLabel: "Ver el panel en GitHub",
+ },
+ "analyzer-web": {
+ kind: "Aplicación web",
+ status: "Proyecto de código abierto",
+ description: "Detecta tendencias de participación, riesgo del alumnado y prioridades desde el navegador.",
+ introduction:
+ "Un espacio de análisis de Moodle exclusivamente frontend para el seguimiento de cursos y estudiantes. Combina actividad, participación, calificaciones, riesgo, recomendaciones y prioridades de intervención sin un backend propio.",
+ highlights: [
+ "Análisis del curso, riesgo del alumnado, recomendaciones y colas de intervención",
+ "Comparación de tendencias, gráficos, filtros y exportación CSV o JSON",
+ "Perfiles locales y caché de análisis guardados en el navegador",
+ ],
+ bestFor: [
+ "Docentes que quieren un análisis profundo del curso sin instalar software de escritorio",
+ "Seguimiento del alumnado basado en actividad, participación y calificaciones",
+ "Flujos de análisis bilingües en inglés y español",
+ ],
+ requirements: [
+ "Un navegador web moderno",
+ "Acceso REST a Moodle y un token adecuado",
+ "Un puente de navegador opcional si Moodle bloquea las peticiones entre sitios",
+ ],
+ startGuide: {
+ install: [
+ "Pide al administrador de Moodle un token REST adecuado.",
+ "Abre en un navegador moderno la dirección de Analyzer Web que te facilite tu centro o equipo.",
+ "Si se bloquea la conexión, pide a una persona de confianza que añada el puente de navegador opcional.",
+ ],
+ firstUse: [
+ "Conecta un curso y espera a que termine el análisis.",
+ "Empieza por la vista general del curso y por las prioridades sugeridas.",
+ "Abre una vista de estudiante solo cuando estés listo para decidir un seguimiento útil.",
+ ],
+ adminNote: "Analyzer Web sirve para detectar cuestiones que merece la pena mirar, no para tomar decisiones automáticas sobre el alumnado.",
+ },
+ sourceLabel: "Ver Analyzer Web en GitHub",
+ },
+ "analyzer-desktop": {
+ kind: "Aplicación de escritorio",
+ status: "Proyecto de código abierto",
+ description: "Ofrece análisis de cursos en una aplicación de escritorio independiente.",
+ introduction:
+ "Una aplicación independiente para analizar la actividad del curso, la participación, las tendencias de calificaciones y el riesgo de seguimiento, con paneles de curso, vistas de estudiantes, gráficos e informes opcionales asistidos por IA.",
+ highlights: [
+ "Paneles de curso y vistas detalladas del alumnado",
+ "Umbral de aprobado configurable y clasificación de riesgo conservadora",
+ "Perfiles de conexión locales con contraseñas conservadas únicamente en memoria",
+ ],
+ bestFor: [
+ "Docentes que prefieren un espacio de trabajo de escritorio dedicado",
+ "Análisis de cursos y estudiantes con amplio detalle visual",
+ "Flujos de trabajo en Windows y Mac con Apple Silicon",
+ ],
+ requirements: [
+ "Una versión compatible para Windows o Mac con Apple Silicon",
+ "Acceso a los servicios web REST de Moodle",
+ "Un token o credenciales para solicitar uno durante la sesión",
+ ],
+ startGuide: {
+ install: [
+ "Elige la versión para Windows o Mac con Apple Silicon que corresponda a tu ordenador.",
+ "Descarga la versión de escritorio aprobada o pide a tu centro o equipo que la instale por ti.",
+ "Pide al administrador de Moodle el método de conexión aprobado por tu sitio.",
+ ],
+ firstUse: [
+ "Abre la aplicación y conéctate a Moodle durante la sesión actual.",
+ "Elige un curso y empieza por su vista general, no por los detalles individuales del alumnado.",
+ "Utiliza el análisis para orientar una conversación o seguimiento y vuelve a Moodle para la siguiente acción.",
+ ],
+ adminNote: "La aplicación de escritorio conserva las contraseñas solo en memoria durante la sesión activa. Utiliza el método de conexión que apruebe tu sitio Moodle.",
+ },
+ sourceLabel: "Ver Analyzer Desktop en GitHub",
+ secondaryLabel: "Abrir las versiones disponibles",
+ },
+};
+
+export const interfaceCopy = {
+ en: {
+ language: "Language",
+ viewEnglish: "View in English",
+ viewSpanish: "View in Spanish",
+ homeLabel: "MoodlIA home",
+ navigation: "Main navigation",
+ waysNav: "Three ways",
+ startNav: "Start here",
+ helpNav: "Get help",
+ contact: "Contact",
+ legalNotice: "Legal notice",
+ privacy: "Privacy",
+ cookies: "Cookies",
+ footerTagline: "Practical help for everyday Moodle work",
+ skip: "Skip to main content",
+ home: "Home",
+ meetProjects: "Meet the projects",
+ partsTitle: "What is in this selection.",
+ unlocksTitle: "What becomes easier.",
+ exploreProduct: "Explore",
+ askAboutProject: "Ask about this project",
+ projectSummary: "project summary",
+ builtForTitle: "Here for one clear job.",
+ helpsWithTitle: "What it helps with",
+ fitTitle: "A good fit for",
+ requirementsTitle: "What you need",
+ startHereTitle: "How installation and use work.",
+ installTitle: "Set it up once",
+ firstUseTitle: "Try one small thing",
+ adminNoteTitle: "Good to know",
+ startHereLink: "Get help to start this tool",
+ seeHowToStart: "See installation and first-use steps",
+ connectedTitle: "Keep exploring.",
+ exploreAllPrefix: "Explore all",
+ exploreAllSuffix: "projects",
+ helpTitlePrefix: "Want help with",
+ helpBody: "Tell us what you are trying to achieve. We can help you choose, start, configure, or troubleshoot the right MoodlIA project.",
+ writeTo: "Write to contact@moodlia.com",
+ homePage: {
+ title: ["Make Moodle", "work for you.", "Three ways."],
+ intro: "Practical help to plan learning, teach with more time, and know where to help next.",
+ explore: "Find your starting point",
+ exploreWays: "See the three ways",
+ ask: "Ask us anything",
+ note: "Free, open projects · Clear help whenever you need it",
+ movementsTitle: "What would make Moodle easier today?",
+ movementsBody: "Choose one practical goal. Each way brings together the MoodlIA projects that can help you move it forward.",
+ exploreWay: "See how it helps",
+ projectsToggle: "See the projects in this way",
+ helpTitle: "Tell us what you want to make easier.",
+ helpBody: "Whether you are planning a course, reviewing work, or trying to understand what needs attention, we can help you choose a useful next step with MoodlIA.",
+ helpMechanism: "Human help, from the first message.",
+ },
+ startPage: {
+ title: "A clear first step.",
+ intro: "You do not need to be technical to begin with MoodlIA. Choose the teaching moment, start with one small task, and ask for help whenever you need it.",
+ imageAlt: "A calm study desk with a notebook, pen and laptop ready for a first Moodle task",
+ chooseTitle: "Start with the moment, not the tool.",
+ chooseBody: "Choose what you would like to make easier. You will only see the projects that fit that moment.",
+ startTitle: "A simple way to begin.",
+ startSteps: [
+ "Choose one small task you already do in Moodle.",
+ "Open the project that fits and follow its plain-language steps.",
+ "Try it in a test course or with one real task, then check the result in Moodle.",
+ ],
+ supportTitle: "You are not on your own.",
+ supportBody: "Some tools need a Moodle administrator or a colleague for the one-time setup. That is normal. Tell us what you are trying to do and we will help you choose the next step.",
+ supportAction: "Ask for help with MoodlIA",
+ toolsTitle: "How each tool is installed and used.",
+ toolsBody: "These short explanations tell you what happens before you start and what you do afterwards. Open a product for its complete step-by-step guide.",
+ installLabel: "To install:",
+ useLabel: "To use it:",
+ openProductGuide: "Open the complete guide",
+ },
+ },
+ es: {
+ language: "Idioma",
+ viewEnglish: "Ver en inglés",
+ viewSpanish: "Ver en español",
+ homeLabel: "Inicio de MoodlIA",
+ navigation: "Navegación principal",
+ waysNav: "Tres formas",
+ startNav: "Empieza aquí",
+ helpNav: "Ayuda",
+ contact: "Contacto",
+ legalNotice: "Aviso legal",
+ privacy: "Privacidad",
+ cookies: "Cookies",
+ footerTagline: "Ayuda práctica para el Moodle de cada día",
+ skip: "Saltar al contenido principal",
+ home: "Inicio",
+ meetProjects: "Conoce los proyectos",
+ partsTitle: "Qué incluye esta selección.",
+ unlocksTitle: "Lo que se vuelve más fácil.",
+ exploreProduct: "Descubre",
+ askAboutProject: "Pregunta por este proyecto",
+ projectSummary: "resumen del proyecto",
+ builtForTitle: "Creado para facilitar una tarea concreta.",
+ helpsWithTitle: "En qué te ayuda",
+ fitTitle: "Ideal para",
+ requirementsTitle: "Qué necesitas",
+ startHereTitle: "Cómo se instala y se utiliza.",
+ installTitle: "Configúralo una vez",
+ firstUseTitle: "Prueba una cosa pequeña",
+ adminNoteTitle: "Conviene saberlo",
+ startHereLink: "Pide ayuda para empezar con esta herramienta",
+ seeHowToStart: "Ver cómo instalarla y utilizarla",
+ connectedTitle: "Sigue descubriendo.",
+ exploreAllPrefix: "Descubre todos los proyectos de",
+ exploreAllSuffix: "",
+ helpTitlePrefix: "¿Necesitas ayuda con",
+ helpBody: "Cuéntanos qué quieres conseguir. Te ayudaremos a elegir, empezar, configurar o resolver problemas con el proyecto de MoodlIA adecuado.",
+ writeTo: "Escribe a contact@moodlia.com",
+ homePage: {
+ title: ["Haz que Moodle", "trabaje contigo.", "Tres formas."],
+ intro: "Ayuda práctica para planificar el aprendizaje, enseñar con más tiempo y saber dónde ayudar después.",
+ explore: "Encuentra tu punto de partida",
+ exploreWays: "Ve las tres formas",
+ ask: "Cuéntanos qué necesitas",
+ note: "Proyectos gratuitos y abiertos · Ayuda clara cuando la necesites",
+ movementsTitle: "¿Qué haría Moodle más fácil hoy?",
+ movementsBody: "Elige un objetivo práctico. Cada forma reúne los proyectos MoodlIA que pueden ayudarte a conseguirlo.",
+ exploreWay: "Descubre cómo ayuda",
+ projectsToggle: "Ver los proyectos de esta forma",
+ helpTitle: "Cuéntanos qué quieres hacer más fácil.",
+ helpBody: "Tanto si vas a planificar un curso como a revisar trabajos o entender qué necesita atención, podemos ayudarte a encontrar un siguiente paso útil con MoodlIA.",
+ helpMechanism: "Ayuda humana desde el primer mensaje.",
+ },
+ startPage: {
+ title: "Un primer paso claro.",
+ intro: "No necesitas saber de tecnología para empezar con MoodlIA. Elige el momento docente, comienza con una tarea pequeña y pide ayuda siempre que la necesites.",
+ imageAlt: "Una mesa de estudio tranquila con cuaderno, bolígrafo y portátil preparada para una primera tarea de Moodle",
+ chooseTitle: "Empieza por el momento, no por la herramienta.",
+ chooseBody: "Elige qué te gustaría hacer más fácil. Solo verás los proyectos que encajan con ese momento.",
+ startTitle: "Una forma sencilla de empezar.",
+ startSteps: [
+ "Elige una tarea pequeña que ya haces en Moodle.",
+ "Abre el proyecto que encaja y sigue sus pasos explicados con claridad.",
+ "Pruébalo en un curso de prueba o con una tarea real y comprueba el resultado en Moodle.",
+ ],
+ supportTitle: "No estás solo.",
+ supportBody: "Algunas herramientas necesitan que un administrador de Moodle o una persona de confianza haga la configuración inicial. Es normal. Cuéntanos qué quieres hacer y te ayudaremos a elegir el siguiente paso.",
+ supportAction: "Pide ayuda con MoodlIA",
+ toolsTitle: "Cómo se instala y se utiliza cada herramienta.",
+ toolsBody: "Estas explicaciones breves te cuentan qué ocurre antes de empezar y qué haces después. Abre un producto para ver su guía completa paso a paso.",
+ installLabel: "Para instalarla:",
+ useLabel: "Para utilizarla:",
+ openProductGuide: "Abrir la guía completa",
+ },
+ },
+} as const;
+
+const practicalGuides: Record> = {
+ en: {
+ "moodle-plugin": {
+ title: "Install MoodlIA in Moodle",
+ introduction: "This setup is completed once by a Moodle administrator. Afterwards, teachers and approved tools use their own Moodle permissions.",
+ availability: {
+ title: "Moodle Marketplace",
+ description: "A public Marketplace listing is not available yet. Until then, install the plugin from its project download.",
+ },
+ steps: [
+ { title: "Download the plugin", description: "Open the plugin project and download its ZIP file. Extract it so the folder is named moodlia.", action: { href: "https://github.com/gafapa/moodle-local_moodlia", label: "Download the MoodlIA plugin" } },
+ { title: "Put it in Moodle", description: "Copy that folder to local/moodlia inside the Moodle installation, then run Moodle's upgrade.", command: "php admin/cli/upgrade.php --non-interactive\nphp admin/cli/purge_caches.php" },
+ { title: "Create a limited service token", description: "In Site administration, enable web services, create the MoodlIA service, and give a dedicated service user only the capabilities needed. Create a token for that user; never use an administrator password." },
+ { title: "Configure an MCP client", description: "Use the same Moodle REST token as a Bearer token. Modern stateless MCP clients and legacy lifecycle clients can use this one endpoint.", command: "URL: https://YOUR-MOODLE.example/local/moodlia/mcp.php\nAuthorization: Bearer YOUR_MOODLE_REST_TOKEN" },
+ ],
+ },
+ cli: {
+ title: "Install and run MoodlIA CLI",
+ introduction: "Use this when you want repeatable Moodle tasks from a terminal. It connects through REST only; there is no MCP setting in the CLI.",
+ availability: { title: "npm", description: "MoodlIA CLI is available as the published npm package moodlia." },
+ steps: [
+ { title: "Install it", description: "Install Node.js 22 or later, then run this once in PowerShell or Terminal.", command: "npm install -g moodlia", action: { href: "https://www.npmjs.com/package/moodlia", label: "Open MoodlIA CLI on npm" } },
+ { title: "Add your Moodle connection", description: "Your Moodle administrator provides a limited MoodlIA REST token. Paste these values into the same PowerShell window; replace the example values.", command: "$env:MOODLE_BASE_URL = \"https://your-moodle.example\"\n$env:MOODLE_REST_TOKEN = \"your-token\"" },
+ { title: "Check the connection", description: "This read-only command confirms that the CLI can reach Moodle with your account.", command: "moodlia get-current-user" },
+ { title: "Try a small task", description: "Ask the command for its options, then begin in a test course. Check every result in Moodle.", command: "moodlia --help\nmoodlia get-courses --limit 10" },
+ ],
+ },
+ "moodle-core-cli": {
+ title: "Install and run Moodle Core CLI",
+ introduction: "This is the plugin-free option. It uses Moodle's standard REST web services and needs a token prepared by your Moodle administrator.",
+ availability: { title: "npm", description: "Moodle Core CLI is available as the published npm package moodle-core-cli." },
+ steps: [
+ { title: "Prepare standard Moodle access", description: "Ask your Moodle administrator to enable REST web services and give you a dedicated token with only the Moodle functions you need." },
+ { title: "Set your connection", description: "In PowerShell, replace the two sample values with the Moodle address and token you were given.", command: "$env:MOODLE_BASE_URL = \"https://your-moodle.example\"\n$env:MOODLE_TOKEN = \"your-token\"" },
+ { title: "Run the first check", description: "npx downloads and runs the package without a separate global installation.", command: "npx moodle-core-cli get-courses", action: { href: "https://www.npmjs.com/package/moodle-core-cli", label: "Open Moodle Core CLI on npm" } },
+ { title: "Make changes deliberately", description: "Reading is the default. Any write operation must explicitly include --allow-write, so start by checking courses first." },
+ ],
+ },
+ skills: {
+ title: "Add MoodlIA Skills to an AI workspace",
+ introduction: "Skills are guidance files for an approved AI workspace; they do not create Moodle access by themselves.",
+ steps: [
+ { title: "Open the Skills project", description: "Use the project instructions for the workspace you use, such as Codex.", action: { href: "https://github.com/gafapa/moodlia-skills", label: "Open MoodlIA Skills" } },
+ { title: "Add the collection", description: "Ask the person who manages your AI workspace to add the collection using that workspace's skill-installation process." },
+ { title: "Connect Moodle separately", description: "Choose either the MoodlIA REST setup, the independent MCP endpoint, or Moodle Core REST. Keep the token private." },
+ { title: "Start with one request", description: "Ask the assistant to prepare one page, activity, or section. Review the proposal before anything is changed in Moodle." },
+ ],
+ },
+ rubrics: {
+ title: "Install MoodlIA Rubrics in Chrome",
+ introduction: "This extension imports a CSV rubric into Moodle's normal rubric editor. You still review the rubric before saving it.",
+ availability: { title: "Chrome Web Store", description: "A public Chrome Web Store listing is not available yet. The current installation uses the unpacked extension from the project download." },
+ steps: [
+ { title: "Download the extension", description: "Open the project, download the source ZIP, and extract it to a folder you will keep.", action: { href: "https://github.com/gafapa/moodlia-rubrics", label: "Download MoodlIA Rubrics" } },
+ { title: "Open Chrome extensions", description: "Type this exact address in Chrome's address bar.", command: "chrome://extensions" },
+ { title: "Load the extension", description: "Turn on Developer mode, choose Load unpacked, then select the extension folder inside the extracted project." },
+ { title: "Import one rubric", description: "Open a Moodle rubric editing page, choose the CSV file, and check every criterion and level in Moodle before saving." },
+ ],
+ },
+ corrector: {
+ title: "Install MoodlIA Corrector in Chrome",
+ introduction: "Corrector offers feedback suggestions on Moodle grading pages. A teacher reads and approves every change before it reaches Moodle.",
+ availability: { title: "Chrome Web Store", description: "Install MoodlIA Corrector from the Chrome Web Store in your own Chrome profile." },
+ steps: [
+ { title: "Install from Chrome Web Store", description: "Open the store listing and select Add to Chrome in the browser profile you use for Moodle.", action: { href: "https://chromewebstore.google.com/detail/lppkkhjfjpjkaaacbjhillopodeekf", label: "Install MoodlIA Corrector" } },
+ { title: "Open the extension options", description: "Choose the extension from Chrome's Extensions menu, then open Options. No developer mode is needed." },
+ { title: "Configure your AI provider", description: "Choose local Ollama or an OpenAI-compatible provider approved by your school or team. An API key is kept only for the current browser session; do not use a personal key in a shared profile." },
+ { title: "Review one submission", description: "Open a Moodle assignment grading page, request a suggestion, and apply only the feedback and marks you agree with." },
+ ],
+ },
+ "backup-converter": {
+ title: "Convert a Moodle backup in your browser",
+ introduction: "Backup Converter works locally with a copy of your .mbz file. No account, upload, Moodle token, or server connection is required.",
+ availability: { title: "Static web application", description: "Your school or team provides the web address. All inspection and conversion work stays in the browser." },
+ steps: [
+ { title: "Protect the original", description: "Make a copy of the original .mbz backup and keep the untouched file somewhere safe." },
+ { title: "Choose the destination", description: "Open Backup Converter, select the working copy, and choose Moodle 4.5, 4.1, or 3.11.", action: { href: "/tools/backup-converter/", label: "Open Backup Converter" } },
+ { title: "Review compatibility decisions", description: "Read the inspection report. Approve removal only for activities you accept losing from the converted copy." },
+ { title: "Download and test", description: "Keep the converted .mbz and its JSON report together, then restore first into an empty test course on the destination site." },
+ ],
+ },
+ "chrome-extensions": {
+ title: "Choose and install a Chrome extension",
+ introduction: "Use Rubrics to prepare a grading rubric and Corrector to review assignment feedback. They are separate extensions, so install only the one you need.",
+ availability: { title: "Choose an extension", description: "Corrector is available in the Chrome Web Store. Rubrics is currently installed from its project download." },
+ steps: [
+ { title: "Choose the right tool", description: "Choose Rubrics for a CSV rubric import, or Corrector for teacher-approved feedback suggestions." },
+ { title: "Download its project", description: "Open the chosen product page, download the source ZIP, and extract it." },
+ { title: "Load it in Chrome", description: "Open this address, turn on Developer mode, click Load unpacked, and select its extension folder.", command: "chrome://extensions" },
+ { title: "Use it inside Moodle", description: "Start with one small real task and review the Moodle result before saving or applying anything." },
+ ],
+ },
+ "teacher-dashboard": {
+ title: "Start using the Teacher Dashboard",
+ introduction: "The dashboard opens in a browser and connects directly to Moodle. It needs a school-approved dashboard address and a limited Moodle REST token.",
+ steps: [
+ { title: "Ask for the dashboard address", description: "Your school or team needs to provide the dashboard link; it is not a public hosted service." },
+ { title: "Prepare a Moodle token", description: "Ask the Moodle administrator for a dedicated REST token with course and calendar access." },
+ { title: "Connect on your own device", description: "Open the dashboard, enter the Moodle address and token, then confirm that your courses and deadlines appear correctly." },
+ { title: "Use it for a short check-in", description: "Open one course from its direct Moodle link and use the dashboard to decide what needs your attention today." },
+ ],
+ },
+ "analyzer-web": {
+ title: "Start using Analyzer Web",
+ introduction: "Analyzer Web is supplied by your school or team and works in the browser with Moodle REST access.",
+ steps: [
+ { title: "Ask for the web address", description: "Your school or team needs to provide the Analyzer Web address; it is not a public hosted service." },
+ { title: "Prepare Moodle access", description: "Ask for a limited REST token. If your Moodle blocks browser connections, ask whether the optional browser bridge is needed." },
+ { title: "Connect one course", description: "Enter the requested connection details, choose one course, and wait for the analysis to finish." },
+ { title: "Read the overview first", description: "Use suggested priorities to decide where a helpful follow-up may be needed; do not use it for automatic student decisions." },
+ ],
+ },
+ "analyzer-desktop": {
+ title: "Install Analyzer Desktop",
+ introduction: "This is a standalone application for Windows and Apple Silicon Mac. Use a build approved by your school or team.",
+ steps: [
+ { title: "Choose the correct build", description: "Open the project builds and select the Windows or Apple Silicon Mac version that matches your computer.", action: { href: "https://github.com/gafapa/moodlia-analyzer-desktop/actions", label: "Open available builds" } },
+ { title: "Install it", description: "Download the approved build and follow your organisation's normal application-installation policy." },
+ { title: "Connect for this session", description: "Open the application and use the Moodle connection method approved by your administrator." },
+ { title: "Begin with one course", description: "Start with the course overview, then use the analysis to guide a conversation or follow-up in Moodle." },
+ ],
+ },
+ },
+ es: {
+ "moodle-plugin": {
+ title: "Instala MoodlIA en Moodle",
+ introduction: "Esta configuración la realiza una sola vez un administrador de Moodle. Después, el profesorado y las herramientas autorizadas usan sus propios permisos de Moodle.",
+ availability: { title: "Moodle Marketplace", description: "Todavía no hay una ficha pública en Marketplace. Hasta entonces, instala el plugin desde su descarga de proyecto." },
+ steps: [
+ { title: "Descarga el plugin", description: "Abre el proyecto del plugin y descarga el ZIP. Extráelo de modo que la carpeta se llame moodlia.", action: { href: "https://github.com/gafapa/moodle-local_moodlia", label: "Descargar el plugin MoodlIA" } },
+ { title: "Colócalo en Moodle", description: "Copia la carpeta en local/moodlia dentro de la instalación de Moodle y ejecuta la actualización.", command: "php admin/cli/upgrade.php --non-interactive\nphp admin/cli/purge_caches.php" },
+ { title: "Crea un token limitado", description: "En Administración del sitio, activa los servicios web, crea el servicio MoodlIA y da a un usuario de servicio dedicado solo las capacidades necesarias. Crea su token; no uses nunca una contraseña de administrador." },
+ { title: "Configura un cliente MCP", description: "Utiliza el mismo token REST de Moodle como token Bearer. Los clientes MCP modernos sin estado y los clientes heredados usan este mismo endpoint.", command: "URL: https://TU-MOODLE.example/local/moodlia/mcp.php\nAuthorization: Bearer TU_MOODLE_REST_TOKEN" },
+ ],
+ },
+ cli: {
+ title: "Instala y ejecuta MoodlIA CLI",
+ introduction: "Úsala si quieres realizar tareas repetibles de Moodle desde una terminal. Se conecta solo por REST; la CLI no necesita ni configura MCP.",
+ availability: { title: "npm", description: "MoodlIA CLI está disponible como paquete npm publicado con el nombre moodlia." },
+ steps: [
+ { title: "Instálala", description: "Instala Node.js 22 o posterior y ejecuta esto una vez en PowerShell o Terminal.", command: "npm install -g moodlia", action: { href: "https://www.npmjs.com/package/moodlia", label: "Abrir MoodlIA CLI en npm" } },
+ { title: "Añade la conexión de Moodle", description: "Tu administrador proporciona un token REST limitado de MoodlIA. Pega estos valores en la misma ventana de PowerShell y sustituye los ejemplos.", command: "$env:MOODLE_BASE_URL = \"https://tu-moodle.example\"\n$env:MOODLE_REST_TOKEN = \"tu-token\"" },
+ { title: "Comprueba la conexión", description: "Este comando de solo lectura confirma que la CLI puede llegar a Moodle con tu cuenta.", command: "moodlia get-current-user" },
+ { title: "Prueba una tarea pequeña", description: "Pide las opciones del comando y empieza en un curso de prueba. Comprueba cada resultado dentro de Moodle.", command: "moodlia --help\nmoodlia get-courses --limit 10" },
+ ],
+ },
+ "moodle-core-cli": {
+ title: "Instala y ejecuta Moodle Core CLI",
+ introduction: "Es la opción sin plugin. Utiliza los servicios web REST estándar de Moodle y necesita un token preparado por tu administrador de Moodle.",
+ availability: { title: "npm", description: "Moodle Core CLI está disponible como paquete npm publicado con el nombre moodle-core-cli." },
+ steps: [
+ { title: "Prepara el acceso estándar de Moodle", description: "Pide al administrador de Moodle que active los servicios web REST y te dé un token dedicado con solo las funciones de Moodle que necesitas." },
+ { title: "Define la conexión", description: "En PowerShell, sustituye los dos valores de ejemplo por la dirección de Moodle y el token que te hayan dado.", command: "$env:MOODLE_BASE_URL = \"https://tu-moodle.example\"\n$env:MOODLE_TOKEN = \"tu-token\"" },
+ { title: "Ejecuta la primera comprobación", description: "npx descarga y ejecuta el paquete sin una instalación global independiente.", command: "npx moodle-core-cli get-courses", action: { href: "https://www.npmjs.com/package/moodle-core-cli", label: "Abrir Moodle Core CLI en npm" } },
+ { title: "Haz cambios de forma deliberada", description: "La lectura es el modo predeterminado. Cualquier operación de escritura exige incluir --allow-write, así que empieza comprobando los cursos." },
+ ],
+ },
+ skills: {
+ title: "Añade MoodlIA Skills a un espacio de IA",
+ introduction: "Las skills son archivos de guía para un espacio de IA aprobado; no dan acceso a Moodle por sí solas.",
+ steps: [
+ { title: "Abre el proyecto de Skills", description: "Usa las instrucciones del proyecto para el espacio de IA que utilices, como Codex.", action: { href: "https://github.com/gafapa/moodlia-skills", label: "Abrir MoodlIA Skills" } },
+ { title: "Añade la colección", description: "Pide a quien administra tu espacio de IA que añada la colección siguiendo el proceso de instalación de skills de ese espacio." },
+ { title: "Conecta Moodle por separado", description: "Elige la configuración REST de MoodlIA, el endpoint MCP independiente o Moodle Core REST. Guarda el token en privado." },
+ { title: "Empieza con una petición", description: "Pide al asistente que prepare una sola página, actividad o sección. Revisa la propuesta antes de cambiar nada en Moodle." },
+ ],
+ },
+ rubrics: {
+ title: "Instala MoodlIA Rubrics en Chrome",
+ introduction: "Esta extensión importa una rúbrica CSV en el editor normal de rúbricas de Moodle. Tú revisas la rúbrica antes de guardarla.",
+ availability: { title: "Chrome Web Store", description: "Todavía no hay una ficha pública en Chrome Web Store. Por ahora se instala la extensión descomprimida desde la descarga del proyecto." },
+ steps: [
+ { title: "Descarga la extensión", description: "Abre el proyecto, descarga el ZIP del código y extráelo en una carpeta que vayas a conservar.", action: { href: "https://github.com/gafapa/moodlia-rubrics", label: "Descargar MoodlIA Rubrics" } },
+ { title: "Abre las extensiones de Chrome", description: "Escribe esta dirección exacta en la barra de direcciones de Chrome.", command: "chrome://extensions" },
+ { title: "Carga la extensión", description: "Activa el modo desarrollador, selecciona Cargar descomprimida y elige la carpeta extension dentro del proyecto extraído." },
+ { title: "Importa una rúbrica", description: "Abre una página de edición de rúbricas de Moodle, elige el CSV y comprueba cada criterio y nivel en Moodle antes de guardar." },
+ ],
+ },
+ corrector: {
+ title: "Instala MoodlIA Corrector en Chrome",
+ introduction: "Corrector propone comentarios en las páginas de calificación de Moodle. Un docente lee y aprueba cada cambio antes de que llegue a Moodle.",
+ availability: { title: "Chrome Web Store", description: "Instala MoodlIA Corrector desde Chrome Web Store en tu propio perfil de Chrome." },
+ steps: [
+ { title: "Instálala desde Chrome Web Store", description: "Abre la ficha de la tienda y selecciona Añadir a Chrome en el perfil de navegador que utilizas con Moodle.", action: { href: "https://chromewebstore.google.com/detail/lppkkhjfjpjkaaacbjhillopodeekf", label: "Instalar MoodlIA Corrector" } },
+ { title: "Abre las opciones de la extensión", description: "Elige la extensión en el menú Extensiones de Chrome y abre Opciones. No necesitas activar el modo desarrollador." },
+ { title: "Configura tu proveedor de IA", description: "Elige Ollama local o un proveedor compatible con OpenAI aprobado por tu centro o equipo. La clave API se conserva solo durante la sesión del navegador; no uses una clave personal en un perfil compartido." },
+ { title: "Revisa una entrega", description: "Abre la página de calificación de una tarea de Moodle, pide una sugerencia y aplica solo los comentarios y notas con los que estés de acuerdo." },
+ ],
+ },
+ "backup-converter": {
+ title: "Convierte una copia de Moodle en tu navegador",
+ introduction: "Backup Converter trabaja localmente con un duplicado de tu archivo .mbz. No necesita cuenta, subida, token de Moodle ni conexión con un servidor.",
+ availability: { title: "Aplicación web estática", description: "Tu centro o equipo proporciona la dirección web. Toda la inspección y la conversión permanecen en el navegador." },
+ steps: [
+ { title: "Protege el original", description: "Haz un duplicado de la copia .mbz original y conserva intacto el archivo de origen en un lugar seguro." },
+ { title: "Elige el destino", description: "Abre Backup Converter, selecciona el duplicado y elige Moodle 4.5, 4.1 o 3.11.", action: { href: "/tools/backup-converter/", label: "Abrir Backup Converter" } },
+ { title: "Revisa las decisiones de compatibilidad", description: "Lee el informe de inspección. Aprueba una eliminación solo para actividades que aceptes perder en la copia convertida." },
+ { title: "Descarga y prueba", description: "Conserva juntos el .mbz convertido y su informe JSON, y restaura primero en un curso de prueba vacío del sitio de destino." },
+ ],
+ },
+ "chrome-extensions": {
+ title: "Elige e instala una extensión de Chrome",
+ introduction: "Utiliza Rubrics para preparar una rúbrica y Corrector para revisar comentarios de tareas. Son extensiones independientes: instala solo la que necesites.",
+ availability: { title: "Elige una extensión", description: "Corrector está disponible en Chrome Web Store. Rubrics se instala actualmente desde la descarga de su proyecto." },
+ steps: [
+ { title: "Elige la herramienta adecuada", description: "Elige Rubrics para importar una rúbrica CSV o Corrector para propuestas de comentarios que aprueba el docente." },
+ { title: "Descarga su proyecto", description: "Abre la página del producto elegido, descarga el ZIP del código y extráelo." },
+ { title: "Cárgala en Chrome", description: "Abre esta dirección, activa el modo desarrollador, pulsa Cargar descomprimida y selecciona la carpeta extension.", command: "chrome://extensions" },
+ { title: "Úsala dentro de Moodle", description: "Empieza con una tarea real pequeña y comprueba el resultado en Moodle antes de guardar o aplicar nada." },
+ ],
+ },
+ "teacher-dashboard": {
+ title: "Empieza a utilizar Teacher Dashboard",
+ introduction: "El panel se abre en un navegador y se conecta directamente con Moodle. Necesita una dirección de panel aprobada por el centro y un token REST limitado.",
+ steps: [
+ { title: "Pide la dirección del panel", description: "Tu centro o equipo debe facilitar la dirección del panel; no es un servicio público alojado." },
+ { title: "Prepara un token de Moodle", description: "Pide al administrador de Moodle un token REST dedicado con acceso a cursos y calendario." },
+ { title: "Conéctate en tu propio dispositivo", description: "Abre el panel, escribe la dirección de Moodle y el token, y confirma que aparecen tus cursos y plazos correctamente." },
+ { title: "Úsalo para una revisión breve", description: "Abre un curso desde su enlace directo de Moodle y utiliza el panel para decidir qué necesita tu atención hoy." },
+ ],
+ },
+ "analyzer-web": {
+ title: "Empieza a utilizar Analyzer Web",
+ introduction: "Analyzer Web lo proporciona tu centro o equipo y funciona en el navegador con acceso REST a Moodle.",
+ steps: [
+ { title: "Pide la dirección web", description: "Tu centro o equipo debe facilitar la dirección de Analyzer Web; no es un servicio público alojado." },
+ { title: "Prepara el acceso a Moodle", description: "Pide un token REST limitado. Si Moodle bloquea las conexiones desde el navegador, consulta si es necesario el puente de navegador opcional." },
+ { title: "Conecta un curso", description: "Introduce los datos de conexión solicitados, elige un curso y espera a que termine el análisis." },
+ { title: "Lee primero la vista general", description: "Usa las prioridades sugeridas para decidir dónde puede hacer falta un seguimiento útil; no lo uses para tomar decisiones automáticas sobre el alumnado." },
+ ],
+ },
+ "analyzer-desktop": {
+ title: "Instala Analyzer Desktop",
+ introduction: "Es una aplicación independiente para Windows y Mac con Apple Silicon. Utiliza una versión aprobada por tu centro o equipo.",
+ steps: [
+ { title: "Elige la versión correcta", description: "Abre las compilaciones del proyecto y selecciona la versión para Windows o Mac con Apple Silicon que corresponda a tu ordenador.", action: { href: "https://github.com/gafapa/moodlia-analyzer-desktop/actions", label: "Abrir las versiones disponibles" } },
+ { title: "Instálala", description: "Descarga la versión aprobada y sigue la política normal de instalación de aplicaciones de tu organización." },
+ { title: "Conéctate durante esta sesión", description: "Abre la aplicación y utiliza el método de conexión a Moodle que haya aprobado el administrador." },
+ { title: "Comienza por un curso", description: "Empieza por la vista general del curso y utiliza el análisis para orientar una conversación o seguimiento dentro de Moodle." },
+ ],
+ },
+ },
+};
+
+export function getPracticalGuide(slug: string, locale: Locale): PracticalGuide | undefined {
+ return practicalGuides[locale][slug];
+}
+
+export function localizePath(locale: Locale, path: string) {
+ if (locale === "en") return path;
+ return path === "/" ? "/es" : `/es${path}`;
+}
+
+export function getLocalizedWays(locale: Locale) {
+ if (locale === "en") return ways;
+ return ways.map((way) => ({ ...way, ...spanishWays[way.slug] }));
+}
+
+export function getLocalizedProducts(locale: Locale) {
+ if (locale === "en") return products;
+ return products.map((product) => ({ ...product, ...spanishProducts[product.slug] }));
+}
+
+export function getLocalizedWay(slug: string, locale: Locale) {
+ return getLocalizedWays(locale).find((way) => way.slug === slug);
+}
+
+export function getLocalizedProduct(slug: string, locale: Locale) {
+ return getLocalizedProducts(locale).find((product) => product.slug === slug);
+}
+
+export function getLocalizedWayProducts(waySlug: WaySlug, locale: Locale) {
+ const way = getLocalizedWay(waySlug, locale);
+ if (!way) return [];
+ return way.productSlugs
+ .map((slug) => getLocalizedProduct(slug, locale))
+ .filter((product): product is MoodliaProduct => Boolean(product));
+}
+
+export function getLocalizedRelatedProducts(product: MoodliaProduct, locale: Locale) {
+ return getLocalizedWayProducts(product.waySlug, locale).filter(
+ (candidate) => candidate.slug !== product.slug,
+ );
+}
diff --git a/app/page.tsx b/app/page.tsx
index 13ea859..18abcb7 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,170 +1,222 @@
import Image from "next/image";
+import type { WaySlug } from "./catalog";
+import {
+ getLocalizedWayProducts,
+ getLocalizedWays,
+ interfaceCopy,
+ localizePath,
+ type Locale,
+} from "./localization";
+import { SiteFooter, SiteHeader } from "./site-chrome";
-const paths = [
- {
- id: "work-with-ai",
- number: "01",
- label: "Connect",
- title: "Work with AI",
- description: "Bring the AI tools you already use closer to Moodle and turn ideas into action faster.",
- products: ["MoodlIA Moodle Plugin", "MoodlIA CLI", "Moodle Core CLI", "MoodlIA Skills"],
- image: "/moodlia-ai-integration.jpg",
- imageAlt: "A connected network representing AI working together with Moodle",
- },
- {
- id: "teach-with-confidence",
- number: "02",
- label: "Teach",
- title: "Teach with confidence",
- description: "Create rubrics, review work, and make thoughtful corrections with less repetitive effort.",
- products: ["MoodlIA Rubrics", "MoodlIA Corrector", "Chrome extensions"],
- image: "/moodlia-teaching-tools.jpg",
- imageAlt: "A teacher reviewing rubric and assessment cards with confidence",
- },
- {
- id: "understand-what-matters",
- number: "03",
- label: "Understand",
- title: "See what matters",
- description: "Turn course activity into clear priorities, useful signals, and better-timed support.",
- products: ["MoodlIA Teacher Dashboard", "MoodlIA Analyzer Web", "MoodlIA Analyzer Desktop"],
- image: "/moodlia-learning-analytics.jpg",
- imageAlt: "Clear learning progress and course insights emerging from Moodle data",
- },
-];
-
-const structuredData = {
- "@context": "https://schema.org",
- "@graph": [
- {
- "@type": "Organization",
- "@id": "https://moodlia.com/#organization",
- name: "MoodlIA",
- url: "https://moodlia.com/",
- email: "mailto:contact@moodlia.com",
- sameAs: ["https://github.com/gafapa"],
- contactPoint: {
- "@type": "ContactPoint",
- email: "contact@moodlia.com",
- contactType: "customer support",
- },
- knowsAbout: ["Moodle", "Artificial intelligence", "Teaching tools", "Learning analytics"],
- },
- {
- "@type": "WebSite",
- "@id": "https://moodlia.com/#website",
- url: "https://moodlia.com/",
- name: "MoodlIA",
- description: "Three open project areas that make Moodle easier to connect, teach with, and understand.",
- publisher: { "@id": "https://moodlia.com/#organization" },
- inLanguage: "en",
- },
- {
- "@type": "ItemList",
- name: "Three ways MoodlIA improves Moodle",
- itemListElement: paths.map((path, index) => ({
- "@type": "ListItem",
- position: index + 1,
- item: { "@type": "Thing", name: path.title, description: path.description },
- })),
- },
- ],
+const homeAnchors: Record = {
+ "ai-integration": "work-with-ai",
+ "teaching-tools": "teach-with-confidence",
+ "learning-insights": "understand-what-matters",
};
+function ArrowIcon({ diagonal = false }: { diagonal?: boolean }) {
+ return (
+
+ );
+}
+
export default function Home() {
+ return ;
+}
+
+export function MoodliaHome({ locale }: { locale: Locale }) {
+ const copy = interfaceCopy[locale];
+ const homeCopy = copy.homePage;
+ const paths = getLocalizedWays(locale).map((way) => ({
+ ...way,
+ id: homeAnchors[way.slug],
+ products: getLocalizedWayProducts(way.slug, locale),
+ }));
+ const structuredData = {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "Organization",
+ "@id": "https://moodlia.com/#organization",
+ name: "MoodlIA",
+ url: "https://moodlia.com/",
+ email: "mailto:contact@moodlia.com",
+ contactPoint: {
+ "@type": "ContactPoint",
+ email: "contact@moodlia.com",
+ contactType: locale === "es" ? "atención al usuario" : "customer support",
+ },
+ knowsAbout: [
+ "Moodle",
+ locale === "es" ? "Inteligencia artificial" : "Artificial intelligence",
+ locale === "es" ? "Herramientas docentes" : "Teaching tools",
+ locale === "es" ? "Analítica del aprendizaje" : "Learning analytics",
+ ],
+ },
+ {
+ "@type": "WebSite",
+ "@id": "https://moodlia.com/#website",
+ url: `https://moodlia.com${localizePath(locale, "/")}`,
+ name: "MoodlIA",
+ description: locale === "es"
+ ? "Herramientas prácticas para planificar el aprendizaje, enseñar con más tiempo y saber dónde ayudar después en Moodle."
+ : "Practical tools to plan learning, teach with more time, and know where to help next in Moodle.",
+ publisher: { "@id": "https://moodlia.com/#organization" },
+ inLanguage: locale,
+ },
+ {
+ "@type": "ItemList",
+ name: locale === "es" ? "Tres formas en las que MoodlIA facilita el trabajo con Moodle" : "Three ways MoodlIA makes Moodle work easier",
+ itemListElement: paths.map((path, index) => ({
+ "@type": "ListItem",
+ position: index + 1,
+ item: {
+ "@type": "Thing",
+ name: path.title,
+ description: path.description,
+ hasPart: path.products.map((product) => ({
+ "@type": "SoftwareApplication",
+ name: product.name,
+ description: product.description,
+ applicationCategory: "EducationalApplication",
+ })),
+ },
+ })),
+ },
+ ],
+ };
+
return (
-
+ <>
+ {copy.skip}
+
-
-
- MoodlIA
-
-
- Contact us
-
+
+
+
- We help anyone who needs it with anything related to MoodlIA—from choosing a tool
- and getting started to solving a problem or shaping a new idea.
-
![\"An](\"/moodlia-ai-companion-v2.jpg\")