Component library: nav, footer, sections, icon grid, gallery
Los mantenedores suelen responder en 1 día
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Activo
- Stack tecnológico
- typescript
- Área
- accessibility, design, frontend, web-dev
Línea de trabajo
Empieza revisando el estudio de diseño y el scaffold de Astro; después, identifica los componentes necesarios de navigation, footer, section, icon-grid, responsive-image y gallery. Usa los datos de iconos tipados y las integraciones indicadas de Iconify y astro:assets como puntos de entrada. Se considera terminado cuando se use únicamente styling basado en tokens, haya un client JS mínimo y lazy para el lightbox, el comportamiento responsive funcione a 360px y en monitores verticales, y se superen las comprobaciones de axe/a11y.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Build the reusable Astro components implementing the chosen design direction: navigation, status-bar-motif footer, section layouts, the lokkal-style icon grid ("toolbox"), responsive image component (astro:assets), and a gallery lightbox that loads a small rendition in-grid and a high-res rendition on click.
Icons via Iconify (astro-icon, build-time SVG).
Depends on: design study, Astro scaffold.
Acceptance criteria
- Components use design tokens only (no hard-coded colours/fonts)
- Lightbox ships minimal client JS (TypeScript), loads full image lazily on demand
- Icon grid renders from a typed data file
- All components pass axe/a11y checks and work at 360px width and on vertical monitors
- Lenguaje dominante
- HTML
- Estrellas
- 0
- Forks
- 0
- Merge medio
- 9 h 52 min
- PR fusionados (30 d)
- 59
Preparar el entorno
Aún no hemos revisado los archivos de configuración de este proyecto. Empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de laywill/laywill.github.io
-
design
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
laywill/laywill.github.io#186 ·
Los mantenedores suelen responder en 1 día
-
design
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
laywill/laywill.github.io#183 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 Medio día Aptitud para principiantes 74/100
laywill/laywill.github.io#135 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
laywill/laywill.github.io#106 ·
Los mantenedores suelen responder en 1 día
-
infra needs-william
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
laywill/laywill.github.io#35 · 1 comentario ·
Los mantenedores suelen responder en 1 día
Todos los issues de laywill/laywill.github.io
Issues similares
-
accessibility bug good first issue
Dificultad 1/5 Menos de una hora Aptitud para principiantes 93/100
amponce/archive-movie-browser#335 ·
Los mantenedores suelen responder en 1 día
-
needs triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
mdn/fred#1953 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
comp/desktop P3 type/bug
Dificultad 1/5 Menos de una hora Aptitud para principiantes 92/100
NousResearch/hermes-agent#124367 ·
Los mantenedores suelen responder en 1 día
-
feature suggestion
Dificultad 2/5 1-3 horas Aptitud para principiantes 92/100
openvibely/openvibely#1363 ·
Los mantenedores suelen responder en 3 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
Los mantenedores suelen responder en 1 día