diff --git a/src/components/TeamMember.jsx b/src/components/TeamMember.jsx index d36dd49..2137b89 100644 --- a/src/components/TeamMember.jsx +++ b/src/components/TeamMember.jsx @@ -1,43 +1,71 @@ import React from 'react'; -import { motion } from 'framer-motion'; -import { Github, Mail, Globe } from 'lucide-react'; -import { ObfuscatedMail } from './ObfuscatedMail'; +import {motion} from 'framer-motion'; +import {Github, Mail, Globe} from 'lucide-react'; +import {ObfuscatedMail} from './ObfuscatedMail'; +import {ROLES} from '../data/content'; -export const TeamMember = ({ name, nickname, img, gh, email, website, role, role2 }) => ( - -
-
- -
- {name} -
- -
-

{name}

- @{nickname.toLowerCase()} - -
- FOUNDER - DEVELOPER -
- -
- {/* Obfuscated Member Mail */} - ( + +
- - +
+
+
- - - - - - -
-
- +
+ {name} +
+ +
+

{name}

+ @{nickname.toLowerCase()} + +
+ {roles.map((roleId) => { + const roleData = ROLES.find(r => r.id === roleId); + if (!roleData) return null; + return ( + + {roleData.role} + + ); + })} +
+ +
+ {/* Obfuscated Member Mail */} + + + + + + + + + + +
+
+ ); diff --git a/src/data/content.js b/src/data/content.js index e0fd911..12515d7 100644 --- a/src/data/content.js +++ b/src/data/content.js @@ -1,41 +1,42 @@ -import { Github, Mail } from 'lucide-react'; - export const NAV_LINKS = ['Home', 'Projects', 'Team']; export const SOCIALS = { - github: "https://github.com/LiquidDevelopmentDE/", - email: "mailto:hello@liquid-dev.de" + github: "https://github.com/LiquidDevelopmentDE/", + email: "mailto:hello@liquid-dev.de" }; export const TEAM_MEMBERS = [ - { - name: "Felix", - nickname: "Flixcoo", - role: "FOUNDER", - role2: "DEVELOPER", - img: "https://github.com/flixcoo.png", - gh: "https://github.com/flixcoo", - email: "felix@liquid-dev.de", - website: "https://felixkirchner.de" - }, - { - name: "Yannick", - nickname: "Gelbeinhalb", - role: "FOUNDER", - role2: "DEVELOPER", - img: "https://github.com/GelbEinhalb.png", - gh: "https://github.com/GelbEinhalb", - email: "yannick@liquid-dev.de", - website: "https://yannick-weigert.de" - }, - { - name: "Mathis", - nickname: "Sneeex", - role: "FOUNDER", - role2: "DEVELOPER", - img: "https://github.com/mathiskir.png", - gh: "https://github.com/mathiskir", - email: "mathis@liquid-dev.de", - website: "https://mathiskirchner.de" - } + { + name: "Felix", + nickname: "Flixcoo", + roles: [0, 1], + img: "https://github.com/flixcoo.png", + gh: "https://github.com/flixcoo", + email: "felix@liquid-dev.de", + website: "https://felixkirchner.de" + }, + { + name: "Yannick", + nickname: "Gelbeinhalb", + roles: [0, 1], + img: "https://github.com/GelbEinhalb.png", + gh: "https://github.com/GelbEinhalb", + email: "yannick@liquid-dev.de", + website: "https://yannick-weigert.de" + }, + { + name: "Mathis", + nickname: "Sneeex", + roles: [0, 1], + img: "https://github.com/mathiskir.png", + gh: "https://github.com/mathiskir", + email: "mathis@liquid-dev.de", + website: "https://mathiskirchner.de" + } +]; + + +export const ROLES = [ + {id: 0, role: "FOUNDER", bgColor: "#00A3FF", borderColor: "#00A3FF", textColor: "#00A3FF"}, + {id: 1, role: "DEVELOPER", bgColor: "#3b82f6", borderColor: "#3b82f6", textColor: "#93c5fd"}, ];