Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Make photo credit badges consistently clickable

Abierto Apto para principiantes
  • ¿Algo no está bien?
#183 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
68/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
html
Área
frontend

Línea de trabajo

Inspecciona los badges de crédito fotográfico en index.html y coffee.html, comparando los spans own-photo con los enlaces Unsplash existentes. Actualiza los badges own-photo para que apunten a photographer.html; después, verifica que todos los badges sean clicables y decide si es necesario ajustar el estilo invert y aria-label.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

design

Photo credit badges across the site come in two shapes:

  • Unsplash photos use an <a> linking to the photo or photographer, e.g. the four on index.html and the three on coffee.html.
  • William's own photos use a <span> with the same styling and a title="Photograph by William Lay", so the badge looks identical but does nothing. Currently the photographer spotlight on index.html and the book and French press spotlights on coffee.html.

A reader cannot tell the difference until they try to click, and a badge that looks like a link but is inert reads as an unfinished placeholder rather than a deliberate credit.

Proposal: make the own-photo badges link to photographer.html, so every badge on the site is clickable and the credit clearly points at a person on purpose.

Worth deciding at the same time:

  • Whether the black pill is the right treatment inside invert spotlights. On a black section the pill disappears and only the white camera icon and name remain. It is legible and already the behaviour on index.html, but it is accidental rather than designed.
  • Whether the badge needs an aria-label, since the camera glyph is decorative and the text alone reads as a bare name.

Split out of #181, where the own-photo badges were first added.

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

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de laywill/laywill.github.io

Todos los issues de laywill/laywill.github.io

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.