more more more!

packages/website/src/components/CreditsPromo.astro

@@ -36,15 +36,21 @@ const strings = getStrings(locale);
 
         .person {
           display: flex;
-          flex-direction: column;
           align-items: center;
 
           gap: var(--space-2);
 
-          .group[data-type="primary"] & {
+          .profile {
+            display: flex;
+            flex-direction: column;
+
+            gap: var(--space-1);
+
             img {
-              width: 7rem;
-              height: 7rem;
+              border-radius: 50%;
+
+              width: 5rem;
+              height: 5rem;
             }
           }
         }
@@ -62,8 +68,12 @@ const strings = getStrings(locale);
         <div data-type={group.type} class="group">
           {group.people.map((person) => (
             <div class="person">
-              <img src={person.image} />
-              <Text>{person.name}</Text>
+              <div class="profile">
+                <img src={person.image} />
+                <Text>{person.name}</Text>
+              </div>
+
+              <Text>{person.description}</Text>
             </div>
           ))}
         </div>

packages/website/src/config/credits.ts

@@ -1,6 +1,7 @@
 enum CreditType {
   Primary = "primary",
   Active = "active",
+  Moderators = "moderators",
   Past = "past",
 }
 
@@ -33,37 +34,72 @@ export const credits: CreditGroup[] = [
     people: [
       {
         name: "HitJack",
-        description: "Developer",
+        description: "Developer on website",
         url: "https://github.com/Hitjack007",
         image: "https://github.com/Hitjack007.png",
       },
       {
         name: "aeson000",
-        description: "Advisor",
+        description: "Advisor on game and website",
         url: "https://discord.gg/WHdER7ZPAD",
         image: "/media/users/aeson000.png",
       },
       {
         name: "GonnaHetzMe",
-        description: "Developer and advisor",
+        description: "Developer and advisor on back end",
         url: "https://github.com/karelpak1",
         image: "https://github.com/karelpak1.png",
       },
     ],
   },
+  {
+    type: CreditType.Moderators,
+    people: [
+      {
+        name: "ChickenMan7777",
+        description: "Moderator and former advisor on game mechanics",
+        url: "https://discord.gg/rEsUbXCqD9",
+        image: "/media/users/chickenman7777.webp",
+      },
+    ],
+  },
   {
     type: CreditType.Past,
     people: [
+      {
+        name: "Pyogenics",
+        description: "Former advisor on back end",
+        url: "https://github.com/Pyogenics",
+        image: "https://github.com/Pyogenics.png",
+      },
       {
         name: "Prince_NA",
-        description: "Former advisor",
-        image: "/media/users/prince-na.png",
+        description: "Former advisor on bot and website",
+        image: "/media/users/prince-na.webp",
+      },
+      {
+        name: "Vovko",
+        description: "Former advisor on bot",
+        url: "https://amth.one/",
+        image: "https://github.com/cufee.png",
       },
       {
         name: "S0AP",
-        description: "Former advisor and advertiser",
+        description: "Former advisor and advertiser on bot",
         url: "https://discord.gg/3KfH93um3Y",
-        image: "/media/users/s0ap.png",
+        image: "/media/users/s0ap.webp",
+      },
+      {
+        name: "Minitelrose",
+        description: "Former advisor on game mechanics",
+        url: "https://wotinspector.com/",
+        image: "/media/users/minitelrose.webp",
+      },
+      {
+        name: "Maddox",
+        description: "Game asset decompression",
+        url: "https://github.com/Maddoxkkm",
+        image: "https://github.com/Maddoxkkm.png",
       },
     ],
   },

packages/website/src/pages/[...chunk_default]/[...locale]/index.astro

@@ -114,7 +114,7 @@ export const getStaticPaths = mixStaticPaths(_getStaticPaths, () => {
     </Flex>
   </Flex>
 
-  <CreditsPromo />
+  <CreditsPromo {locale} />
 
   <div style={{ flex: 1 }}></div>
 </BaseLayout>