pucelabits / websegura Goto Github PK

{
"url": "https://www.sedeelectronica.jerez.es/",
"name": "Jerez de la Frontera - Sede Electrónica",
"twitter": "ciudadjerez"
},
{
"url": "https://www.jerez.es",
"name": "Ayuntamiento de Jerez de la Frontera",
"twitter": "ciudadjerez"
}

Deberíamos plantearnos generar también páginas con las URLs de las comunidades que también mostramos dentro de las provincias.

¿Está relacionado con un problema? Por favor detallalo.
Issue para añadir la region de la Comunidad Valenciana, así como las provincias de Castello, Valencia y Alacant.

Describe la solución que te gustaría ver
Se enviaran PR relacionadas con esta issue para ir añadiendo las webs institucionales de la región descrita anteriormente.

Describe las alternativas posible
Gente de la región colabore en la adición de mas entradas para la zona.

Provincia (o comunidad autónoma si es web regional): Málaga

{
"url": "www.malaga.eu",
"name": "Málaga",
"twitter": "malaga"
}

Sería bueno visualizar si las notas de los sitios han mejorado (o empeorado) para tener una sensación de progreso.

B 🔼 (sube de C-)
A 🔼🔼 (sube desde D)
D 🔽 (baja de C)
F 🔽🔽 (baja desde B)

Se puede mejorar la página para que la tabla cargue bien en un móvil, sin necesidad de hacer scroll

Deberíamos enlazar de alguna forma a "Detalles técnicos" con la web del análisis del observatory, por si tanto los dueños de la web como los usuarios técnicos de la web quieren saber más.

,
{
"url": "sede.valencia.es",
"name": "Sede electónica València",
"twitter": "AjuntamentVLC"
},
{
"url": "www.albaida.es",
"name": "Ajuntament d'Albaida",
"twitter": "AjAlbaida"
},
{
"url": "www.alcasser.es",
"name": "Ayuntamiento de Alcasser",
"twitter": "AjuntAlcasser"
},
{
"url": "www.alfaradelabaronia.es",
"name": "Ayuntamiento de Alfara",
"twitter": "aytoalfara"
},
{
"url": "www.alfarrasi.es",
"name": "Ajuntament Alfarrasí",
"twitter": "Ajunt_Alfarrasi"
},
{
"url": "www.algardepalancia.es",
"name": "Ajuntament d'Algar",
"twitter": "AjAlgar"
},
{
"url": "www.algemesi.es",
"name": "Ajuntament Algemesí",
"twitter": "algemesi_net"
},
{
"url": "www.algimiadealfara.es",
"name": "Ajuntament d'Algímia",
"twitter": "AAlgimia"
},
{
"url": "www.alginet.es",
"name": "Ajuntament d'Alginet",
"twitter": "aj_alginet"
},
{
"url": "www.alpuente.es",
"name": "Ayuntamiento de Alpuente",
"twitter": "AlpuenteA"
},
{
"url": "www.andilla.es",
"name": "Ayuntamiento Andilla",
"twitter": "andillaayto"
},
{
"url": "www.antella.es",
"name": "Ajuntament d'Antella",
"twitter": "AjAntella"
},
{
"url": "www.barxeta.es",
"name": "Ayuntamiento de Barxeta",
"twitter": "Ajunt_Barxeta"
},
{
"url": "benetusser.es",
"name": "Ayuntamiento de Benetússer",
"twitter": "AyuntBenetusser"
},
{
"url": "beniculldexuquer.es",
"name": "Ajuntament de Benicull de Xúquer",
"twitter": "BenicullXu"
},
{
"url": "www.beniganim.es",
"name": "Ajuntament de Benigànim",
"twitter": "ajbeniganim"
},
{
"url": "benirredra.es",
"name": "Ajuntament de Benirredrà",
"twitter": "Benirredra"
},
{
"url": "betera.es",
"name": "Ajuntament de Bétera",
"twitter": "Aytobetera"
},
{
"url": "bicorp.es",
"name": "Ayuntamiento de Bicorp",
"twitter": "AyuntBicorp"
},
{
"url": "bocairent.es",
"name": "Ayuntamiento de Bocairent",
"twitter": "Aj_Bocairent"
},
{
"url": "bonreposimirambell.es",
"name": "Ayuntamiento de Bonrepòs y Mirambell",
"twitter": "BiMajuntament"
},
{
"url": "www.carcaixent.es",
"name": "Ayuntamiento de Carcaixent",
"twitter": "AjCarcaixent"
},
{
"url": "camporrobles.es",
"name": "Ayuntamiento de Camporrobles",
"twitter": "ACamporrobles"
},
{
"url": "castielfabib.es",
"name": "Ayuntamiento de Castielfabib ",
"twitter": "AyuCastielfabib"
},
{
"url": "catadau.es",
"name": "Ajuntament de Catadau",
"twitter": "AjCatadau"
},
{
"url": "catarroja.es",
"name": "Ayuntamiento de Catarroja",
"twitter": "ajuntcatarroja"
},
{
"url": "www.chera.es",
"name": "Ayuntamiento de Chera",
"twitter": "Chera"
},
{
"url": "chiva.es",
"name": "Ayuntamiento de Chiva",
"twitter": "AyuntaChiva"
},
{
"url": "chulilla.es",
"name": "Ayuntamiento de Chulilla",
"twitter": "aytochulilla"
},
{
"url": "corbera.es",
"name": "Ajuntament de Corbera",
"twitter": "AjuntCorbera"
},
{
"url": "cullera.es",
"name": "Ajuntament de Cullera",
"twitter": "MIA_Cullera"
},
{
"url": "visit-cullera.es",
"name": "Cullera Turismo",
"twitter": "visitcullera"
},
{
"url": "elpalomar.es",
"name": "Ayuntamiento de El Palomar",
"twitter": "ajelpalomar"
},
{
"url": "elperello.es",
"name": "Ajuntament de El Perelló",
"twitter": "ElPerello_ayto"
},
{
"url": "www.elpuig.es",
"name": "Ajuntament del Puig",
"twitter": "ajunt_elpuig"
},
{
"url": "elpuigturistico.net",
"name": "Turismo El Puig",
"twitter": "elpuigturistico"
},
]
}

Describe el problema
Los colores verde/rojo actual son problemáticos para personas daltónicas (~5% de la población). Deberíamos tratar de combinar el color actual con algún tipo de indicador (ej. señal de warning, fondo rayado, etc) que permita diferenciarlos.

Para reproducirlo
Entrar en la página de Madrid y ver la tabla de resultados.

Capturas de pantalla

Ahora en el hall de la fama salen las webs con análisis pendientes.

Actualmente la web descarga fuentes de fonts.googleapis.com. Se pueden servir directamente desde el repositorio.

¿Está relacionado con un problema? Por favor detallalo.
Ahora mismo es necesario contar con el listado de webs de una comunidad para luego poder linkear las webs de las provincias y que estas se muestren en la navegación principal.

En el caso de las comunidades uniprovinciales (Murcia, La Rioja, Cantabria, Asturias, la Comunidad de Madrid, Navarra y Baleares), es necesario crearo un .json vacío para así incluir las webs en el fichero de provincia y que así se puedan ser navegables.

Describe la solución que te gustaría ver
Posibilidad de crear un .json de provincia que sea navegable, sin necesidad de incluir un archivo vacío de comunidad.

Describe las alternativas posible
Listar las comunidades que no tengan provincias en la navegación

Quizá sería buena idea añadir un campo de "municipio" o similar para que si a futuro se añaden webs de otras ciudades de CyL (o por qué no, del resto de España), podamos filtrar por país.

¿Qué vamos a hacer con webs que son provinciales o regionales?

¿Está relacionado con un problema? Por favor detallalo.
Las webs con puntuación en verde (B o superior) no deberían tener un enlace para pedirles nada en twitter.

Describe la solución que te gustaría ver
Ocultar el enlace de twitter para las webs que ya tienen B o superior.

Describe las alternativas posible
Mover los que tienen B o superior a una tabla diferente que no tenga la columna de twitter, como "hall de la fama"

Parece que no estamos recogiendo bien tests_quantity en las tablas. Curiosamente en el detalle de cada web sí que no toma bien.

Sería útil tener un enlace cerca de la tabla que diga algo como:

"¿Conoces alguna otra web de organismos públicos en $LUGAR? Ayúdanos a añadirla"

Y enlazar una sección del readme que explique para gente no técnica como crear un issue y qué datos nos tiene que proporcionar, o para la gente técnica el archivo que tiene que modificar y hacer PR.

¿Está relacionado con un problema? Por favor detallalo.
Creo que sería importante para mejorar el engagement que los visitantes y que más gente diera a compartir en twitter, ya que es la única forma de visualizar el problema. Actualmente menos del 5% lo hace.

Describe la solución que te gustaría ver

• En la página de detalle de una web, podríamos tener un contador de cuantos tuits con el usuario +#websegura se han publicado. De esta forma animaría a más gente a unirse o si es cero, a empezar la campaña en redes.
• En las tablas generales un CTA más destacado para que la gente sepa que la meta es compartir en twitter, ¿quizá mostrando un minicontador numérico al lado de cada botón con cuantos tuits hay?

Desconozco si el API de twitter permite mucha magia, pero bajar un json con los tuits nos permitiría decir algo como:

Tuitear (7)

25 personas están exigiendo una mejora
[avatar] [avatar] [avatar] [avatar] [avatar] [avatar]
¡ÚNETE!

Describe las alternativas posible
Mostrar todos los tuits con el usuario +#websegura en la parte lateral del detalle de una web.

Pienso que incluso crear un github issue es fácil para gente no técnica, quizá podríamos crear un formulario en la propia web que creara issues o PR directamente para la gente no técnica que no sepa/quiera ni abrirse una cuenta en github.

El único problema aquí es controlar el abuso de la misma.

Sería buena idea enlazar en el pie este github, licencia y pucelabits.

{
"name": "Comunidad Foral de Navarra",
"webs": [
{
"url": "www.navarra.es",
"name": "Navarra",
"twitter": "gob_na"
},
{
"url": "bon.navarra.es",
"name": "Boletín Oficial de Navarra",
"twitter": "navarra"
},
{
"url": "hacienda.navarra.es",
"name": "Hacienda Navarra",
"twitter": "navarra"
},
{
"url": "www.sodena.com",
"name": "Start Up Capital Navarra - SODENA",
"twitter": "sodenavarra"
}
]
}

Estaría bien tener en la parte final del readme una sección que explique como ejecutar una copia local de la web y qué framework usamos, para los usuarios técnicos que quieran participar.

Hay webs repetidas en Madrid provincia y Madrid comunidad

https://websegura.pucelabits.org/p/madrid/

Habría que separar Madrid ciudad en provincia del resto, o quitar el archivo de comunidad y quedar solo el de provincia sin comunidad como en otras uniprovinciales.

¿Está relacionado con un problema? Por favor detallalo.
Las notas estilo americano con letras no son comprensibles en general por el público español.

Describe la solución que te gustaría ver
Mostrar las notas de 0 a 10 como acostumbramos por aquí, quizás en formato "X/10" directamente para que se entienda que es una nota sobre 10.

El emoji de la calavera es extremadamente claro, quizás podemos hacer una escala menos precisa de 4 o 5 emojis que cada uno abarque 2 o 3 notas.

Provincia: Soria

{
    "url": "https://www.soria.es/",
    "name": "Ayuntamiento de Soria",
    "twitter": "Ayto_Soria"
}

Sería maravilloso si cada sitio tuviera un botón para mandar un tuit al usuario de twitter de la web en cuestión.

Ejemplo:

"Hola @casaindiavll

🔒 La seguridad de vuestra web y usuarios puede ser comprometida si no actualizáis vuestras conexiones seguras (HTTPS).
⚠️ ¡Por favor revisadlo cuanto antes!

https://websegura.pucelabits.org/

#websegura /vía @PucelaBits"

Una herramienta para generar el enlace https://www.sharelinkgenerator.com/

Para predicar con el ejemplo, deberíamos actualizar las cabeceras de la propia web para que puntuara mejor en el observatory, ahora mismo da un D+

https://observatory.mozilla.org/analyze/websegura.pucelabits.org

Entiendo que algunas cosas se podrán hacer y otras no, ya que dependen de la configuración de HTTPS del servidor de github pages.

Actualmente tenemos 50 webs con solo dos provincias incompletas.

Si queremos cubrir toda España, mínimo estamos hablando de 1300 webs.

Ahora mismo el script de escaneado no está optimizado para esto, no guardamos caché local y ejecutamos en cada commit un scan completo. No es escalable.

Anoche el crawl automático generó que algunas webs no tuvieran resultados

a8089e3#diff-8a2c3e3e7a7cbbbdbad5f8da944ba68b61b2784ec1fc0bc46548f85bf5de0451

Hoy he hecho un commit y todos los resultados se han devuelto.

¿Es posible que haya un problema con el proceso diario que no tiene el proceso tras un commit? Por lo que he visto deberían ser el mismo.

¿Quizá cuantas más webs tengamos más tendremos que esperar para recuperar el resultado?

¿Quizá tenemos que optimizar y solo hace un scan diario con mucha espera en vez de uno cada commit?

¿Está relacionado con un problema? Por favor detallalo.
En cuanto tengamos 10-15 provincias, va a ser un lio mostrarlas todas en portada, deberíamos tener una forma mejor para que no ocupen tanto espacio, sobre todo en móviles.

Actualmente ya vamos cortos de espacio:

Describe la solución que te gustaría ver
Podríamos mostrar un mapa con las provincias disponibles para poder hacer clic.

Describe las alternativas posible
Cualquier otra forma visual que permita ver todas las provincias sin hacer scroll en móvil.

{
"name": "Comunidad Foral de Navarra",
"comunidad": "navarra",
"webs": [
{
"url": "www.pamplona.es",
"name": "Ayuntamiento de Pamplona",
"twitter": "Pamplona_ayto"
},
{
"url": "www.olite.es",
"name": "Ayuntamiento de Olite",
"twitter": ""
},
{
"url": "www.cendeadegalar.es",
"name": "Ayuntamiento de la Cendea de Galar",
"twitter": ""
},
{
"url": "www.mcp.es",
"name": "Mancomunidad comarca de Pamplona",
"twitter": "mcp_info"
},
{
"url": "www.mairaga.es",
"name": "Mancomunidad de Mairaga",
"twitter": ""
},
{
"url": "www.animsa.es",
"name": "Asociación Navarra de informática Municipal",
"twitter": "animsa"
},
{
"url": "www.cener.com",
"name": "Centro nacional de energías renovables",
"twitter": "CENER_energia"
},
{
"url": "www.cein.es",
"name": "Centro Europeo de Empresas e Innovación de Navarra",
"twitter": "ceinnavarra"
},
{
"url": "www.pamplonetario.org",
"name": "Planetario de Pamplona",
"twitter": "pamplonetario"
}

]
}

Estaría bien tener una zona/sección/lugar en la web para enlazar las menciones en los medios.

@DafneCalvo ¿alguna idea de la mejor forma de mostrar esto? :-)

¿Está relacionado con un problema? Por favor detallalo.
No es posible saber cuándo fue la última vez que se analizaron los sitios.

Describe la solución que te gustaría ver
Deberíamos incluir al final de la tabla la fecha y hora de esas puntuaciones como referencia.

Sería bueno añadir primero algo visual y corto sobre por qué un HTTPS bien configurado es fundamental en un lenguaje no técnico.

Saqué esto de google developers, pero sería ideal tener algo visual + 1 párrafo

El HTTPS protege la integridad de su sitio web.

HTTPS ayuda a prevenir que los intrusos manipulen las comunicaciones entre sus sitios web y los navegadores de sus usuarios. Entre los intrusos se incluyen los atacantes intencionadamente malintencionados y las empresas legítimas pero intrusivas, como los proveedores de servicios de Internet o los hoteles que inyectan anuncios en las páginas.

Los intrusos explotan las comunicaciones desprotegidas para engañar a sus usuarios y hacer que entreguen información confidencial o instalen malware, o para insertar sus propios anuncios en sus recursos. Por ejemplo, algunos terceros inyectan anuncios en páginas web que pueden romper las experiencias de los usuarios y crear vulnerabilidades de seguridad.

Los intrusos explotan todos los recursos desprotegidos que viajan entre sus sitios web y sus usuarios. Imágenes, cookies, scripts, HTML... todos son explotables. Las intrusiones pueden ocurrir en cualquier punto de la red, incluyendo la máquina de un usuario, un hotspot Wi-Fi o un ISP comprometido, sólo por nombrar algunos.
HTTPS protege la privacidad y seguridad de sus usuarios...

El HTTPS evita que los intrusos puedan escuchar pasivamente las comunicaciones entre sus sitios web y sus usuarios.

Un concepto erróneo común sobre el HTTPS es que los únicos sitios web que necesitan HTTPS son aquellos que manejan comunicaciones sensibles. Cada petición HTTP sin protección puede potencialmente revelar información sobre los comportamientos e identidades de sus usuarios. Aunque una sola visita a uno de sus sitios web desprotegidos puede parecer benigna, algunos intrusos observan las actividades de navegación agregadas de sus usuarios para hacer inferencias sobre sus comportamientos e intenciones, y para desanonimizar sus identidades. Por ejemplo, los empleados podrían revelar inadvertidamente condiciones de salud delicadas a sus empleadores con sólo leer artículos médicos sin protección.

Habría que mejorar el código para generar las páginas de provincias y los botones en portada de forma automática en vez de crear las páginas a mano.

Describe el problema
No se listan los twitter de webs que tienen puntuación C, porque tienen 50 puntos o más.

Permitir ordenar la tabla, o mostrar de algún modo quiénes son los mejores sitios públicos.
Le daría también un enfoque "en positivo" al sitio.

Describe el problema
El Content-Security-Policy no permite tener css inline. Habría que moverlo al archivo y generar tres clases para los colores de las filas.

Estaría bien que la URL https://websegura.pucelabits.org/ tuviera los metadatos para que se muestre en las vistas previas de redes sociales con una breve descripción y un logo.

Propuesta: ¿Cómo de seguras son las webs de nuestros organismos públicos?

Error en el build

https://github.com/PucelaBits/websegura/runs/1848936789#step:6:183

{
"url": "ine.es",
"name": "Instituto Nacional de Estadística",
"twitter": "es_ine"
},
{
"url": "www.juntaelectoralcentral.es",
"name": "Junta Electoral Central",
"twitter": "Congreso_Es"
},
{
"url": "www.ign.es",
"name": "Instituto Geográfico Nacional",
"twitter": "IGNSpain"
}

Sería bueno crear una página para la gente que quiera entender un poco mejor el tema con explicaciones poco o nada técnicas.

¿Qué significa cada letras? ¿Qué tipo de peligros reales tiene una implementación deficiente de HTTPS? ¿Ejemplos reales de ataques que han sucedido?

¿Quizá una lista de preguntas frecuentes?

Describe la solución que te gustaría ver
Sitios ordenados de mejor a peor (o de peor a mejor).
Creo que con el filtro "sort" de eleventy https://www.11ty.dev/docs/collections/#sorting se podría hacer fácil.
Relacionada con #6

Describe las alternativas posible
Otra alternativa puede ser implementar filtros más completos y que los títulos de las tablas sean clicables (estilo wikipedia, para ordenar), pero requiere algo más de conocimientos de frontend.

Parece que esto está generando sin http(s) antes:

https://websegura.pucelabits.org/www.centroculturalmigueldelibes.com

¿Quizá deberíamos poner http por si no tiene https y da error?

Dejé todo sin más por tenerlo funcionando cuanto antes, pero lo ideal sería que la build de los estáticos generara los CSS a partir de los SCSS. No debería ser muy complicado hacerlo a través del propio eleventy.

Sospecho que deberíamos meter en el .gitignore los archivos y directorios que se cambian en el server al hacer deploy.

Que tenga ahora en mente:

• Los resultados del scan
• El css generado desde el sass

Las webs con una puntuación de 0, no tienen ni HTTPS. Ahora salen como el resto de las F.

Deberíamos señalizarlo de alguna forma para dar más énfasis a la gravedad de esto.

La tarea diaria no es la primera vez que devuelve que no hay análisis recientes, borrando todos los datos de análisis

7fdc26d

Sería bueno describir en una línea qué es cada sitio y quién es el responsable público de ella.