Merge pull request #15 from pythonpe/gravatar-magic

Adding gravatar images to the member index

Author: jpchauvel

_static/css/markdown.css

@@ -6,7 +6,6 @@
   width: 30vw;
 }
 
-
 .head-title h1 {
   color: var(--sy-c-link-hover);
   text-align: center;
@@ -71,15 +70,13 @@ html.dark div.sketchviz-image {
   border-bottom: unset !important;
 }
 
-section>div.member-gravatar {
-    margin-bottom: 0;
-}
-
-div.member-gravatar img {
+.member-gravatar {
   width: 200px;
   border-radius: 200px;
+  display: block !important;
 }
 
+
 #eventos li .ablog-post-title {
   font-size: 1.8em;
 }
@@ -96,3 +93,6 @@ div.member-gravatar img {
   text-align: center;
 }
 
+#miembros li p.i-icon:has(a) {
+  display: none;
+}

about.md

@@ -21,5 +21,6 @@ y apoyo mutuo para impulsar el éxito colectivo de nuestros miembros.
 category: members
 format: "{title}"
 list-style: circle
+excerpts:
 ---
 ```

blog/members/draft-member.md

@@ -4,9 +4,11 @@ author: joe
 location: Lima, Perú
 category: members
 lanaguage: Español
+image: 1
+excerpt: 1
 ---
 
-% NOTA: No olvidar poner la fecha de publicación
+% NOTA: No olvidar poner la fecha de publicación debajo de `blogpost: true`
 
 # Joe Doe
 

blog/members/hellhound.md

@@ -5,6 +5,8 @@ author: hellhound
 location: Lima, Perú
 category: members
 lanaguage: Español
+image: 1
+excerpt: 1
 ---
 
 # Jean-Pierre Chauvel

blog/members/soloidx.md

@@ -5,6 +5,8 @@ author: soloidx
 location: Lima, Perú
 category: members
 lanaguage: Español
+image: 1
+excerpt: 1
 ---
 
 # Ider Delzo
@@ -34,26 +36,39 @@ https://twitter.com/soloidx
 
 ### ¿Quién eres y a qué te dedicas?
 
-Soy un desarrollador de software que empezó trabajando con PHP (hace mas de 15 años) y luego fue acogido por Python poco tiempo después.
+Soy un desarrollador de software que empezó trabajando con PHP (hace mas de 15
+años) y luego fue acogido por Python poco tiempo después.
 
-Trabajo desde entonces principalmente como desarrollador web, mayormente backend pero aprendí a trabajar en frontend, devops, moviles y a barrer el piso de la oficina.
+Trabajo desde entonces principalmente como desarrollador web, mayormente backend
+pero aprendí a trabajar en frontend, devops, moviles y a barrer el piso de la
+oficina.
 
-Como siguiente paso en mi carrera profesional me gustaria involucrarme en proyectos de inteligencia artificial y trato de tomar proyectos relacionados cada vez que puedo.
+Como siguiente paso en mi carrera profesional me gustaria involucrarme en
+proyectos de inteligencia artificial y trato de tomar proyectos relacionados
+cada vez que puedo.
 
-Sobre mi experiencia, he trabajado en distintas compañias, algunos con proyectos desde cero, otras con código heredado, algunas ardiendo en llamas y pidiendo todo para ayer por lo que puedo tener una visiónn flexible de la situación.
+Sobre mi experiencia, he trabajado en distintas compañias, algunos con proyectos
+desde cero, otras con código heredado, algunas ardiendo en llamas y pidiendo
+todo para ayer por lo que puedo tener una visiónn flexible de la situación.
 
 
 ### ¿Cómo programas en Python?
 
-En hardware mayormente trabajo con una Macbook (Aunque las mayorias de mis herramientas son open source) una tablet para leer y diagramar y un microfono de youtuber frustrado.
+En hardware mayormente trabajo con una Macbook (Aunque las mayorias de mis
+herramientas son open source) una tablet para leer y diagramar y un microfono de
+youtuber frustrado.
 
-En software VSCode es mi editor actual, aunque entre temporadas alterno con Vim y Emacs.
+En software VSCode es mi editor actual, aunque entre temporadas alterno con Vim
+y Emacs.
 
-Sobre Python, trato de trabajar con entornos virtuales la mayor parte del tiempo (PDM, Poetry, venv), Pyenv para mi manejo de versiones y Docker para manejar servicios externos.
+Sobre Python, trato de trabajar con entornos virtuales la mayor parte del tiempo
+(PDM, Poetry, venv), Pyenv para mi manejo de versiones y Docker para manejar
+servicios externos.
 
 ### ¿Tienes algún aporte a la comunidad de Python?
 
-Aún no tengo nada con la que pueda fanfarronear pero tengo en mente armar un canal de YouTube con contenido de Python en español.
+Aún no tengo nada con la que pueda fanfarronear pero tengo en mente armar un
+canal de YouTube con contenido de Python en español.
 
 ### ¿Estás disponible para hacer mentoring, consultorías, charlas?
 

ext/gravatar.py

@@ -3,40 +3,31 @@
 
 from docutils import nodes
 from docutils.parsers.rst import Directive
-from jinja2 import BaseLoader, Environment
 from libgravatar import Gravatar
 from sphinx.application import Sphinx
 from sphinx.util import logging
 
 logger = logging.getLogger(__name__)
 
-GRAVATAR_TEMPLATE = """
-<div class="{{ klass }}">
-    <img src={{ url }}
-    {% if align %} align="{{ align }}"{% endif %}
-    {% if klass %} class="{{ klass }}"{% endif %}
-    {% if style %} style="{{ style }}"{% endif %}
-    {% if width %} width="{{ width }}" height="{{ width }}"{% endif %}>
-</div>
-"""
+
+def _split(value: str) -> list:
+    return [v.strip() for v in value.split(",")]
 
 
 class GravatarImage(Directive):
     arguments = 1
     has_content = True
     final_argument_whitespace = False
     option_spec = {
-        "align": lambda a: a.strip(),
-        "class": lambda a: a.strip(),
-        "style": lambda a: a.strip(),
+        "alt": lambda a: a.strip(),
+        "class": _split,
         "width": lambda a: a.strip(),
     }
 
     def run(self):
         email = self.content[0]
-        align = self.options.get("align")
+        alt = self.options.get("alt", "Python developer")
         klass = self.options.get("class")
-        style = self.options.get("style")
         width = self.options.get("width")
 
         logger.info(f"Getting Gravatar image for email: {email}")
@@ -45,20 +36,12 @@ def run(self):
             url = f"{url}?s={width}"
         logger.info(f"Got image URL: {url}")
 
-        template = Environment(
-            loader=BaseLoader, trim_blocks=True, lstrip_blocks=True
-        ).from_string(GRAVATAR_TEMPLATE)
+        data = {}
+        if klass is not None:
+            data['classes'] = klass
 
-        out = template.render(
-            url=url,
-            align=align,
-            klass=klass,
-            style=style,
-            width=width,
-        )
-        # User a raw pass-through node
-        para = nodes.raw("", out, format="html")
-        return [para]
+        image = nodes.image(alt=alt, classes=klass, uri=url)
+        return [image]
 
 
 def setup(app: Sphinx):