From a1fbdf3581fbe143c6b6e3ff104f55c8d36dcf6f Mon Sep 17 00:00:00 2001
From: akastijn <akastijn@alttd.com>
Date: Sat, 8 Nov 2025 21:20:25 +0100
Subject: [PATCH] Add "Developers" section to `CommunityComponent` with dynamic
 team member display and adjust structure of existing sections.

---
 .../community/community.component.html        | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/pages/altitude/community/community.component.html b/frontend/src/app/pages/altitude/community/community.component.html
index 1163886..07ba7a5 100644
--- a/frontend/src/app/pages/altitude/community/community.component.html
+++ b/frontend/src/app/pages/altitude/community/community.component.html
@@ -21,7 +21,7 @@
         }
       </div>
     </section>
-    <section id="social" class="darkmodeSectionThree">
+    <sectionclass="darkmodeSectionThree">
       <div class="container teamContainer">
         <h2 class="sectionTitle">Social Media</h2>
         @for (member of getTeamMembers('socialmedia') | async; track member) {
@@ -37,7 +37,23 @@
         <p style="text-align: center;">We're currently not looking for more people to help manage our socials.</p>
       </div>
     </section>
-    <section id="crateTeam" class="darkmodeSection">
+    <section class="darkmodeSectionThree">
+      <div class="container teamContainer">
+        <h2 class="sectionTitle">Developers</h2>
+        @for (member of getTeamMembers('developer') | async; track member) {
+          <div class="member">
+            <img [ngSrc]="getAvatarUrl(member)" alt="{{member.name}}'s Minecraft skin"
+                 height="160" width="160" style="width: 160px;">
+            <h2>{{ member.name }}</h2>
+            <p>Developer</p>
+          </div>
+        }
+      </div>
+      <div style="display: flex; justify-content: center; padding-bottom: 30px;">
+        <p style="text-align: center;">If you want to be a developer please reach out to .teri on Discord.</p>
+      </div>
+    </section>
+    <section class="darkmodeSection">
       <div class="container teamContainer">
         <h2 class="sectionTitle">Crate Team</h2>
         @for (member of getTeamMembers('crate') | async; track member) {