fernando/ornitoweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Página web de ornitonautas
9 commits 1 branch 0 tags 1.3 MiB
Find a file
Fernando f7a853dded fix: WCAG 2.2 AA audit — contrast, a11y, touch targets, responsive 
Color contrast (all now ≥4.5:1):
- text-muted: #8a97a8 → #5a6a80
- orange-ink: #e26a12 → #a85210
- orange CTA bg: #f47a20 → #d46a18 (white text passes)
- navy-soft: #1c3a63 → #1a3459
- line: 8% → 10% opacity

Screen reader:
- Mobile menu: aria-expanded, aria-controls, dynamic aria-label
- Escape key closes mobile menu, returns focus
- Footer wrapped in <nav aria-label>
- All decorative icons/emojis marked aria-hidden
- Hero logo gets descriptive alt text
- Sections get aria-labelledby with sr-only headings

Touch targets (all ≥44px):
- Hamburger button: min-w/h-[44px]
- All nav links: min-h-[44px] with flex items-center
- CTA buttons: min-h-[44px]
- Footer links: min-h-[44px]

Responsive:
- English page now uses fluid px-4/6/10 padding
- H1: clamp(2rem, 6vw, 56px) — minimum 32px on mobile
- Rutas section padding consistent with rest

Motion:
- prefers-reduced-motion: disables floaty, twinkle, rise-in animations
- scroll-behavior: auto when reduced motion
2026-07-13 13:04:49 +02:00
.codegraph fix: responsive layout - use fluid padding and stack on mobile 2026-07-13 12:57:58 +02:00
.vscode feat: initial project setup with Astro + Tailwind + 1a home design 2026-07-13 12:37:58 +02:00
agents feat: initial project setup with Astro + Tailwind + 1a home design 2026-07-13 12:37:58 +02:00
docs feat: initial project setup with Astro + Tailwind + 1a home design 2026-07-13 12:37:58 +02:00
img fix: add logo to public/ and switch to pnpm 2026-07-13 12:49:29 +02:00
public fix: add logo to public/ and switch to pnpm 2026-07-13 12:49:29 +02:00
src fix: WCAG 2.2 AA audit — contrast, a11y, touch targets, responsive 2026-07-13 13:04:49 +02:00
.gitignore feat: initial project setup with Astro + Tailwind + 1a home design 2026-07-13 12:37:58 +02:00
AGENTS.md docs: update README, AGENTS.md, CLAUDE.md with project info and codegraph 2026-07-13 12:59:40 +02:00
astro.config.mjs feat: initial project setup with Astro + Tailwind + 1a home design 2026-07-13 12:37:58 +02:00
CLAUDE.md docs: update README, AGENTS.md, CLAUDE.md with project info and codegraph 2026-07-13 12:59:40 +02:00
DESIGN.md feat: initial project setup with Astro + Tailwind + 1a home design 2026-07-13 12:37:58 +02:00
ornitoHome.html feat: initial project setup with Astro + Tailwind + 1a home design 2026-07-13 12:37:58 +02:00
package-lock.json feat: initial project setup with Astro + Tailwind + 1a home design 2026-07-13 12:37:58 +02:00
package.json feat: initial project setup with Astro + Tailwind + 1a home design 2026-07-13 12:37:58 +02:00
pnpm-lock.yaml fix: add logo to public/ and switch to pnpm 2026-07-13 12:49:29 +02:00
pnpm-workspace.yaml fix: add logo to public/ and switch to pnpm 2026-07-13 12:49:29 +02:00
README.md docs: update README, AGENTS.md, CLAUDE.md with project info and codegraph 2026-07-13 12:59:40 +02:00
tsconfig.json feat: initial project setup with Astro + Tailwind + 1a home design 2026-07-13 12:37:58 +02:00

README.md

Ornitonautas

Portal de aprendizaje de informática. Formación de FP oficial en España + preparación para el mercado laboral tech.

Stack

  • Framework: Astro (SSG)
  • Estilos: Tailwind CSS v4
  • Lenguajes: TypeScript, Astro components
  • I18n: es (default) / en

Estructura

/
├── agents/              # Agentes de código (codegraph)
├── docs/                # Documentación del proyecto
├── img/                 # Imágenes fuente
├── public/              # Assets estáticos (favicon, logos)
├── src/
│   ├── components/      # Componentes Astro (Header, Footer)
│   ├── content/         # Colecciones de contenido (MDX)
│   ├── i18n/            # Diccionarios de traducción
│   ├── layouts/         # Layouts (BaseLayout)
│   ├── pages/           # Rutas (es/, en/, campus/, etc.)
│   └── styles/          # Estilos globales (Tailwind)
├── AGENTS.md            # Instrucciones para agentes
├── CLAUDE.md            # Instrucciones para Claude
├── DESIGN.md            # Sistema visual y tokens
└── package.json

Comandos

pnpm install            # Instalar dependencias
pnpm dev                # Servidor de desarrollo (localhost:4321)
pnpm build              # Build de producción → dist/
pnpm preview            # Preview del build

Desarrollo

El servidor de desarrollo se ejecuta con pnpm dev en el directorio raíz. Escucha en http://localhost:4321/.

Páginas

Ruta Descripción
/ Home (es)
/en/ Home (en)
/campus/ Ciclos formativos
/formacion/ Formación
/aprendizaje/ Rutas de aprendizaje
/recursos/ Recursos
/comunidad/ Comunidad
/sobre-nosotros/ Sobre nosotros
/contacto/ Contacto

CodeGraph

Este proyecto usa CodeGraph para mantener indexado el código fuente.

  • La base de datos está en .codegraph/codegraph.db (ignorada por git)
  • Los agentes están en agents/ y definen cómo interactúa cada agente con el proyecto
  • Ejecutar codegraph index para re-indexar después de cambios significativos

Despliegue

Pendiente de configurar. Planeado: Podman + Traefork en VPS Fedora/CentOS.

Licencia

Propietario — Ornitonautas