style: Titulo para archivos adjuntos de charlas y formato lista para …

[pyjavo]

• Titulo para archivos adjuntos de charlas
• formato lista para charlas de miembro equipo

Pull request

Ninguno

Observaciones

Mi intención de mejorar la presentación de la información

[pyjavo]

Hola @Scot3004
Está en draft porque aún tengo dudas de las cosas que tenía en mente para este PR:

1. La primera es listar las charlas usando etiquetas li de HTML
   

   • Ejemplo de referencia: https://deploy-preview-542--vigilant-neumann-d109b9.netlify.app/nosotros/sergio-orozco/

2. Mi segunda idea era hacer lo mismo con los bloques de "blog posts" y "proyectos que organiza" pero al estar en 2 columnas, no se me ocurrió una forma para que quedaran chéveres.

   • ¿Qué recomiendas para este punto?

3. Mostrar la palabra "Adjunto" (y en un futuro "attachments" para inglés) para organizar un poco la información en la vista detalle de una charla (También intenté listarlos en HTML, pero eso también depende de como se editen en markdown)

   • Ejemplo de referencia: https://deploy-preview-542--vigilant-neumann-d109b9.netlify.app/eventos/2022-07-28-automatizacion-de-ui-en-python-aplicando-el-patron-screenplay/
   • Mi pregunta aquí es ¿Cómo hago para ubicar la traducción de la palabra "Adjunto" en un archivo que luego me permita muestrar su traducción dependiendo del idioma de la página?

[Scot3004]

1 listas para todos 😜
2 también listas, se puede implementar a 2 o a 1 columnas como consideres apropiado
3 de acuerdo, le da mucho más orden tener la palabra
Y en cuanto a cómo colocar la internacionalización hay unos json que tienen las traducciones en varias partes de la página hay ejemplos de estos, para el ejemplo particular hay un json llamado nosotros.json que aplica para el caso puntual
Puedes ver en nosotros miembros en la línea 45 como se usa

website/templates/nosotros-miembro.html

Line 45 in dc98f89

<h2>{{bag('nosotros', alt, 'contribuciones')}}</h2>

[Scot3004]

En el escenario que no existan anexos el va a mostrar este titulo y luego una sección en blanco, creo que seria bueno verificar si tiene anexos y en caso que no, evitar mostrar esta sección

[Scot3004]

creo que se vería mejor el código si ajustas el espaciado de este bloque de código

[pyjavo]

Revisar https://developer.mozilla.org/es/docs/Web/CSS/::before para los bullet points de proyectos o blog posts

Sergio Orozco says:/* Añade un corazón antes de los enlaces */
a::before {
content: "♥";
padding-right: 40px;}

En vez del "a" usa una clase

[andoresuperesu]

Tbn svgs: https://stackoverflow.com/questions/19255296/is-there-a-way-to-use-svg-as-content-in-a-pseudo-element-before-or-after

[pyjavo]

Gracias muchachos, ya implementé los cambios sugeridos. @Scot3004 ya puedes volver a revisar

[Scot3004]

Estoy observando en el preview deploy que el orden cambio y ahora se muestran las charlas más antiguas primero, es esto esperado?

Así se ve en pybaq.co

Y así se ve ahora

[pyjavo]

@Scot3004 si es esperado, es parte de mi propuesta.

Es decir, según mi lógica, tu primera charla en la comunidad está listada en el elemento 1, la siguiente en el elemento 2 y así sucesivamente hasta llegar a tu última charla en la comunidad (la charla 8). Quise darle un orden a cada charla y pues para que fuera fácil de contar 😅 ¿Tiene sentido?