Add a modular community spotlight to the landing page

_includes/community_spotlight.html

@@ -0,0 +1,24 @@
+<link rel="stylesheet" href="{{ '/assets/css/community-preview.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 = 12 %}
+
+  <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>

assets/css/community-preview.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;
+}

content/community/community.md

@@ -39,4 +39,6 @@ You can find many more use cases on the [community stories page](community-proje
 
 ## Contributions to preCICE
 
+{% include community_spotlight.html %}
+
 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).

content/index.html

@@ -60,7 +60,7 @@ <h2 class="section-header text-center">Latest news</h2>
       <p id="loading-news">Loading latest news...</p>
     </div>
 
-    
+
     <div class="row" style="margin-top: 25px;">
       <div class="col-lg-12 text-center">
         <a href="https://precice.discourse.group/c/news/5"