Add a community spotlight to the community page

_data/developer.yaml

@@ -232,7 +232,6 @@ contributors:
   - fullname: Gilberto Lem Carrillo
     name: Carrillo
     institution: Technical University of Munich
-    github: gilbertolem
   - fullname: Oguz Ziya Koseomur
     name: Koseomur
     institution: Technical University of Munich

_includes/community_spotlight.html

@@ -0,0 +1,24 @@
+<link rel="stylesheet" href="{{ '/css/community-spotlight.css' | relative_url }}">
+
+<div class="contributor-preview-container">
+  {% assign core_team = site.data.developer.leads | concat: site.data.developer.main | concat: site.data.developer['main-inactive'] | concat: site.data.developer.contributors %}
+  {% assign shown_githubs = '' %}
+  {% assign avatar_count = 0 %}
+  {% assign max_avatars = 99 %}
+
+  <div class="contributor-preview-grid">
+    {% for person in core_team %}
+      {% if avatar_count >= max_avatars %}{% break %}{% endif %}
+
+      {% if person.github and shown_githubs contains person.github %}{% continue %}{% endif %}
+
+      {% if person.github %}
+        <a href="https://github.com/{{ person.github }}" target="_blank" rel="noopener noreferrer" title="{{ person.fullname }}">
+          <img class="contributor-preview-avatar" src="https://github.com/{{ person.github }}.png?size=120" alt="{{ person.fullname }}" loading="lazy">
+        </a>
+        {% assign shown_githubs = shown_githubs | append: person.github | append: ',' %}
+        {% assign avatar_count = avatar_count | plus: 1 %}
+      {% endif %}
+    {% endfor %}
+  </div>
+</div>

content/community/community.md

@@ -40,3 +40,7 @@ You can find many more use cases on the [community stories page](community-proje
 ## Contributions to preCICE
 
 Since its first commit in 2008, preCICE has been developed by three generations of doctoral students: look at the [list of active and previous developers](community-contributors.html). Your (small or large) [contributions are welcome](community-contribute-to-precice.html).
+
+Some of the people that have significantly contributed to repositories of preCICE on GitHub (arbitrary order):
+
+{% include community_spotlight.html %}

css/community-spotlight.css

@@ -0,0 +1,32 @@
+.contributor-preview-container {
+  padding: 2rem 0;
+  text-align: center;
+}
+
+.contributor-preview-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
+  gap: 1rem;
+  max-width: 800px;
+  margin: 1.5rem auto;
+  justify-items: center;
+}
+
+.contributor-preview-avatar {
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  object-fit: cover;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  transition: transform 0.2s ease;
+  border: 2px solid white;
+}
+
+.contributor-preview-avatar:hover {
+  transform: scale(1.1);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+.contributor-preview-grid a::after {
+  display: none !important;
+}