feat: update our people page

docs/organization/people.md

@@ -3,74 +3,28 @@ title: Our People
 id: people
 ---
 
+import {fabrizioCafolla, danieleDapuzzo, edoardoRolle, sergioVagni, skenderMoglica, andreaPregnolato, nicholasRoscino} from '@site/src/components/people';
 import ItemList from '@site/src/components/ItemList';
 import UserCard from '@site/src/components/UserCard';
-export const teamMember1 = {
-  id: 1,
-  imageSrc: 'https://via.placeholder.com/150',
-  name: 'Image 1',
-  jobTitle: 'Subtitle 1',
-  socialLinks: [
-    {name: 'github', link: 'https://github.com/username'},
-    {name: 'linkedin', link: 'https://linkedin.com/in/username'},
-  ]
-};
 
-export const teamMember2 = {
-  id: 2,
-  imageSrc: 'https://via.placeholder.com/150',
-  name: 'Image 2',
-  jobTitle: 'Subtitle 2',
-  socialLinks: [
-    {name: 'github', link: 'https://github.com/username'},
-    {name: 'linkedin', link: 'https://linkedin.com/in/username'},
-  ]
-};
 
-export const teamMember3 = {
-  id: 3,
-  imageSrc: 'https://via.placeholder.com/150',
-  name: 'Image 1',
-  jobTitle: 'Subtitle 1',
-  socialLinks: [
-    {name: 'github', link: 'https://github.com/username'},
-    {name: 'linkedin', link: 'https://linkedin.com/in/username'},
-  ]
-};
 
-export const teamMember4 = {
-  id: 4,
-  imageSrc: 'https://via.placeholder.com/150',
-  name: 'Image 2',
-  jobTitle: 'Subtitle 2',
-  socialLinks: [
-    {name: 'github', link: 'https://github.com/username'},
-    {name: 'linkedin', link: 'https://linkedin.com/in/username'},
-  ]
-};
-
-export const teamMember5 = {
-  id: 5,
-  imageSrc: 'https://via.placeholder.com/150',
-  name: 'Image 1',
-  jobTitle: 'Subtitle 1',
-  socialLinks: [
-    {name: 'github', link: 'https://github.com/username'},
-    {name: 'linkedin', link: 'https://linkedin.com/in/username'},
-  ]
-};
+export const userCards1 = [
+<UserCard item={andreaPregnolato} />,
+<UserCard item={fabrizioCafolla} />,
+<UserCard item={danieleDapuzzo} />,
+<UserCard item={skenderMoglica} />,
+];
 
 
-export const userCards = [
-<UserCard item={teamMember1} />,
-<UserCard item={teamMember2} />,
-<UserCard item={teamMember3} />,
-<UserCard item={teamMember4} />,
-<UserCard item={teamMember5} />,
+export const userCards2 = [
+<UserCard item={sergioVagni} />,
+<UserCard item={nicholasRoscino} />,
+<UserCard item={edoardoRolle} />,
 ];
 
-<ItemList items={userCards} />
+<ItemList items={userCards1} />
 
 <div style={{ margin: '50px 0' }}></div>
 
-<ItemList items={userCards} />
+<ItemList items={userCards2} />

docs/teams/data.md

@@ -114,34 +114,14 @@ Effective collaboration and communication are vital for the success of our team.
 
 Meet the individuals who make up our Data Team:
 
+import {danieleDapuzzo, edoardoRolle} from '@site/src/components/people';
+
 import ItemList from '@site/src/components/ItemList';
 import UserCard from '@site/src/components/UserCard';
 
-export const teamMember1 = {
-  id: 1,
-  imageSrc: '/img/people/dandpz.jpeg',
-  name: 'Daniele Dapuzzo',
-  jobTitle: 'Data Engineering Manager',
-  socialLinks: [
-    {name: 'github', link: 'https://github.com/dandpz'},
-    {name: 'linkedin', link: 'https://linkedin.com/in/daniele.dapuzzo'},
-  ]
-};
-
-export const teamMember2 = {
-  id: 2,
-  imageSrc: '/img/people/edorolle.jpeg',
-  name: 'Edoardo Rolle',
-  jobTitle: 'Data Engineer',
-  socialLinks: [
-    {name: 'github', link: 'https://github.com/edorolle'},
-    {name: 'linkedin', link: 'https://linkedin.com/in/edoardorolle'},
-  ]
-};
-
 export const userCards = [
-<UserCard item={teamMember1} />,
-<UserCard item={teamMember2} />,
+<UserCard item={danieleDapuzzo} />,
+<UserCard item={edoardoRolle} />,
 ];
 
 <ItemList items={userCards} />

docs/teams/platform-engineering.md → docs/teams/devops.md

@@ -1,5 +1,5 @@
 ---
-id: devops-engineering-team
+id: devops-team
 title: DevOps Team
 ---
 # DevOps Team
@@ -142,19 +142,10 @@ Meet the individuals who make up our DevOps Team:
 import ItemList from '@site/src/components/ItemList';
 import UserCard from '@site/src/components/UserCard';
 
-export const teamMember1 = {
-  id: 1,
-  imageSrc: '/img/people/fabrizio-cafolla.jpeg',
-  name: 'Fabrizio Cafolla',
-  jobTitle: 'Devops & Platform Engineer',
-  socialLinks: [
-    {name: 'github', link: 'https://github.com/FabrizioCafolla'},
-    {name: 'linkedin', link: 'https://linkedin.com/in/fabrizio-cafolla'},
-  ]
-};
+import {fabrizioCafolla} from '@site/src/components/people';
 
 export const userCards = [
-<UserCard item={teamMember1} />,
+<UserCard item={fabrizioCafolla} />,
 ];
 
 <ItemList items={userCards} />

sidebars.js

@@ -23,7 +23,7 @@ const sidebars = {
       label: '⭐ Teams',
       items: [
         'teams/data-team',
-        'teams/devops-engineering-team'
+        'teams/devops-team'
       ],
       link: {
         type: 'generated-index',

src/components/SocialBadge.js

@@ -6,9 +6,9 @@ const SocialBadge = ({ github, linkedin }) => {
 
   return (
     <div style={{ display: 'flex', justifyContent: 'center' }}>
-        <a href={github} style={{ margin: '0 10px' }} target="_blank" rel="noopener noreferrer">
+        { github ? <a href={github} style={{ margin: '0 10px' }} target="_blank" rel="noopener noreferrer">
           <img src={isDarkTheme ? 'https://cdn-icons-png.flaticon.com/128/5968/5968866.png' : 'https://cdn-icons-png.flaticon.com/128/5968/5968866.png'} alt='github' style={{ width: '40px', height: '40px', objectFit: 'cover' }} />
-        </a>
+        </a> : null}
         <a href={linkedin} style={{ margin: '0 10px' }} target="_blank" rel="noopener noreferrer">
         <img src={isDarkTheme ? 'https://cdn-icons-png.flaticon.com/128/3536/3536569.png' : 'https://cdn-icons-png.flaticon.com/128/3536/3536569.png'} alt='linkedin' style={{ width: '40px', height: '40px', objectFit: 'cover' }} />
         </a>

src/components/UserCard.js

@@ -2,13 +2,14 @@ import React from 'react';
 import SocialBadge from './SocialBadge';  
 
 const UserCard = ({ item }) => {
+  const linkTeamPage = `/teams/${item.team}-team`;
   return (
     <div style={{ display: 'flex' }}>
         <div key={item.id} style={{ textAlign: 'center', margin: '0 10px' }}>
           <img src={item.imageSrc} alt={item.name} style={{ width: '150px', height: '150px', objectFit: 'cover', borderRadius: '50%' }} />
           <div style={{ marginTop: '10px' }}>
             <h3>{item.name}</h3>
-            <p>{item.jobTitle}</p>
+            <a href={linkTeamPage}><p>{item.jobTitle}</p></a>
             <SocialBadge github={item.socialLinks.find(link => link.name === 'github').link} 
              linkedin={item.socialLinks.find(link => link.name === 'linkedin').link} />
           </div>

src/components/people.js

@@ -0,0 +1,84 @@
+export const fabrizioCafolla = {
+  id: 1,
+  imageSrc: '/img/people/fabrizio-cafolla.jpeg',
+  name: 'Fabrizio Cafolla',
+  jobTitle: 'DevOps Engineer',
+  team: 'devops',
+  socialLinks: [
+    {name: 'github', link: 'https://github.com/FabrizioCafolla'},
+    {name: 'linkedin', link: 'https://linkedin.com/in/fabrizio-cafolla'},
+  ]
+};
+
+export const danieleDapuzzo = {
+  id: 2,
+  imageSrc: '/img/people/daniele-dapuzzo.jpeg',
+  name: 'Daniele Dapuzzo',
+  jobTitle: 'Data Engineer Manager',
+  team: 'data',
+  socialLinks: [
+    {name: 'github', link: 'https://github.com/dandpz'},
+    {name: 'linkedin', link: 'https://linkedin.com/in/daniele.dapuzzo'},
+  ]
+};
+
+export const edoardoRolle = {
+  id: 3,
+  imageSrc: '/img/people/edoardo-rolle.jpeg',
+  name: 'Edoardo Rolle',
+  jobTitle: 'Data Engineer',
+  team: 'data',
+  socialLinks: [
+    {name: 'github', link: 'https://github.com/edorolle'},
+    {name: 'linkedin', link: 'https://linkedin.com/in/edoardorolle'},
+  ]
+};
+
+export const sergioVagni = {
+    id: 4,
+    imageSrc: '/img/people/sergio-vagni.jpeg',
+    name: 'Sergio Vagni',
+    jobTitle: 'Full Stack Developer',
+    team: 'd2c',
+    socialLinks: [
+      {name: 'github', link: 'https://github.com/Giovagni'},
+      {name: 'linkedin', link: 'https://linkedin.com/in/sergio-vagni'},
+    ]
+};
+
+
+export const skenderMoglica = {
+    id: 5,
+    imageSrc: '/img/people/skender-moglica.jpeg',
+    name: 'Skender Moglica',
+    jobTitle: 'Full Stack Developer',
+    team: 'd2c',
+    socialLinks: [
+      {name: 'github', link: 'https://github.com/smoglica'},
+      {name: 'linkedin', link: 'https://linkedin.com/in/skendermoglica'},
+    ]
+};
+
+export const andreaPregnolato = {
+    id: 6,
+    imageSrc: '/img/people/andrea-pregnolato.jpeg',
+    name: 'Andrea Pregnolato',
+    jobTitle: 'VP of Engineering',
+    team: 'manager',
+    socialLinks: [
+      {name: 'github', link: 'https://github.com/pregno'},
+      {name: 'linkedin', link: 'https://linkedin.com/in/andreapregnolato'},
+    ]
+};
+
+export const nicholasRoscino = {
+    id: 7,
+    imageSrc: '/img/people/nicholas-roscino.jpeg',
+    name: 'Nicholas Roscino',
+    jobTitle: 'Software Engineer',
+    team: 'manager',
+    socialLinks: [
+      {name: 'github', link: ''},
+      {name: 'linkedin', link: 'https://linkedin.com/in/nicholas-roscino-842404150'},
+    ]
+};