Update index.md

Author: SidVal

index.md

@@ -4,8 +4,31 @@ title: Master SAPers
 date: 2025-06-20
 ---
 
-## Usuarios
+<h1 style="margin-bottom: 1.5em;">Directorio de Usuarios</h1>
 
-> Directorio de Usuarios 
+<div class="usuarios-grid">
+  {% for usuario in site.usuarios %}
+    {% assign user_data = site.data[usuario.datafile] %}
+    {% if user_data.user %}
+      {% assign user = user_data.user %}
+    {% elsif user_data.users %}
+      {% assign user = user_data.users[0] %}
+    {% else %}
+      {% assign user = nil %}
+    {% endif %}
 
-Leer [debate para entender cómo funciona y cómo aparecer](https://foros.consultoria-sap.com/t/directorio-de-usuarios-sap-sapers/67579) en el directorio.
+    <a href="{{ usuario.url | relative_url }}" class="usuario-card">
+      {% if user and user.avatar_template %}
+        <img src="{% if user.avatar_template contains 'http' %}{{ user.avatar_template }}{% else %}https://foros.consultoria-sap.com{{ user.avatar_template }}{% endif %}" alt="Avatar {{ usuario.title }}" />
+      {% endif %}
+      <div class="usuario-nombre">{{ usuario.title }}</div>
+      {% if usuario.tags %}
+        <div class="usuario-tags">
+          {% for tag in usuario.tags %}
+            <span>{{ tag }}</span>
+          {% endfor %}
+        </div>
+      {% endif %}
+    </a>
+  {% endfor %}
+</div>