121 líneas de Css, el header
Sigo con la actualización de la web.
Limpieza de código
He eliminado todo el código de Decap Cms que no uso, también todos los archivos de Sass y sus dependencias en el proyecto, las fuentes también ya que usaré la fuente del sistema font-family: system-ui, sans-serf.
Añadiendo funcionalidades
En eleventy he añadido la posibilidad de crear tablas de contenido.
Y en cuanto al <header> he unificado el logotipo y el menú principal, ya que el mismo logotipo es un enlace a la página de inicio y de paso he mejorado un poco la semántica del Svg.
En el archivo Css:
- Al elemento
<html>he aplicado elscroll-behavior: smooth;para mejorar la expeciencia en losanchors
que generará la tabla de contenidos. - He creado las primeras variables de color Css.
- De momento voy a intentar ir aplicando los estilos a los elementos
<html>sin clases únicas ni componentes. - La clase de utilidad
screen-reader-onlypara ocultar texto sin que desaparezca en los lectores de pantalla. - Y algunos estilos para el titular de la home.
Estoy usando el recien llegado anidamiento Css, aunque no tiene un soporte perfecto he validado que sin no aplica correctamente no pasa absolutamente nada por que el contenido sigue siendo accesible.
Subido a producción
Y eso es todo de momento, no tengo hoja de ruta, supongo que a medida que vea que algo necesita ajustarse iré haciendo cambios en mi nueva Css, el objetivo sigue siendo el mismo, una web accesible con el mínimo código posible.