Skip to content

Commit 678773f

Browse files
author
Bouwmeester, Kevin
committed
Refactor personcards --> Allow reuse
1 parent e5b809e commit 678773f

2 files changed

Lines changed: 100 additions & 63 deletions

File tree

‎app/page.tsx‎

Lines changed: 10 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import JacobPortrait from '../public/portraits/jacob.jpg';
1111
import SupunPortrait from '../public/portraits/Supun.png';
1212
import { NextUIProvider } from '@nextui-org/react';
1313
import PersonCard from './components/PersonCard';
14+
import { FelipeCard, FilipCard, JacobCard, KevinCard, LinaCard, MerelCard, MichelCard, SatrioCard, SupunCard } from './personcards';
1415
import Navbar from './components/Navbar';
1516
import Footer from './components/Footer';
1617
import { MENU_ITEMS as menuItems } from './constants';
@@ -73,69 +74,15 @@ export default function Home() {
7374
Our Team
7475
</div>
7576
<div className="flex flex-row flex-wrap gap-2 justify-center px-8 pb-8 mx-auto">
76-
<PersonCard
77-
name="Michel R.V. Chaudron"
78-
position="Full Professor"
79-
image={MichelPortrait.src}
80-
quote="Research interests: Software Architecture, Software Design, Software Modelling with a special focus on UML, Software Composition and knowledge sharing, use of AI (Artificial Intelligence) for Software Development."
81-
personalPage="https://research.tue.nl/en/persons/michel-rv-chaudron"
82-
/>
83-
<PersonCard
84-
name="Lina Ochoa Venegas"
85-
position="Assistant Professor"
86-
image={LinaPortrait.src}
87-
quote="I am interested on studying the phenomena behind software evolution, maintenance, and analysis, and providing tools that support related processes."
88-
personalPage="https://research.tue.nl/en/persons/lina-ochoa-venegas"
89-
/>
90-
<PersonCard
91-
name="Jacob Krüger"
92-
position="Assistant Professor"
93-
image={JacobPortrait.src}
94-
quote="I am specializing in the development and evolution of variant-rich software systems. Variant-rich systems exist in different customizable variants and have become the most widely existing form of software systems in all areas of society."
95-
personalPage="https://research.tue.nl/en/persons/jacob-kr%C3%BCger"
96-
/>
97-
<PersonCard
98-
name="Satrio Adi Rukmono"
99-
position="PhD Candidate"
100-
image={SatrioPortrait.src}
101-
quote="Research interests: Application of Large Language Models (LLMs) in the field of Software Architecture, Software Visualisation"
102-
personalPage="https://research.tue.nl/en/persons/satrio-rukmono"
103-
/>
104-
<PersonCard
105-
name="Filip Zamfirov"
106-
position="PhD Candidate"
107-
image={FilipPortrait.src}
108-
quote="Research interests: Software Architecture Erosion, Software Visualisation, Static & Dynamic Analysis"
109-
personalPage="https://research.tue.nl/en/persons/filip-zamfirov"
110-
/>
111-
<PersonCard
112-
name="Merel Veracx"
113-
position="PhD Candidate"
114-
image={MerelPortrait.src}
115-
quote="Research interests: Engineering AI-intensive Systems, IT Architecture, Quality in Software Engineering, Educating HBO ICT students"
116-
personalPage="https://www.linkedin.com/in/merel-veracx-a806115/?originalSubdomain=be"
117-
/>
118-
<PersonCard
119-
name="Felipe Xavier"
120-
position="PhD Candidate"
121-
image={FelipePortrait.src}
122-
quote="Research interests: Low-Code, Formal Verification, Embedded Systems, and Software architecture"
123-
personalPage="https://research.tue.nl/en/persons/felipe-de-azeredo-coutinho-xavier"
124-
/>
125-
<PersonCard
126-
name="Kevin Bouwmeester"
127-
position="PhD Candidate"
128-
image={KevinPortrait.src}
129-
quote="Research interests: Digital Twins, Software Architecture, Game-Design, and Software Design"
130-
personalPage="https://research.tue.nl/en/persons/kevin-bouwmeester"
131-
/>
132-
<PersonCard
133-
name="Supun Wijayakoon"
134-
position="PhD Candidate"
135-
image={SupunPortrait.src}
136-
quote="Research interests: Spftware Architecture, Software Analytics, Software Visualization"
137-
personalPage="https://research.tue.nl/en/persons/supun-wijekoon-bandara-mudiyanselage"
138-
/>
77+
<MichelCard />
78+
<LinaCard />
79+
<JacobCard />
80+
<SatrioCard />
81+
<FilipCard />
82+
<MerelCard />
83+
<FelipeCard />
84+
<KevinCard />
85+
<SupunCard />
13986
</div>
14087
</div>
14188
</main>

‎app/personcards.tsx‎

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
import PersonCard from './components/PersonCard';
2+
import MichelPortrait from '../public/portraits/michel.jpeg';
3+
import LinaPortrait from '../public/portraits/lina.jpeg';
4+
import SatrioPortrait from '../public/portraits/satrio.jpeg';
5+
import FilipPortrait from '../public/portraits/filip.jpeg';
6+
import MerelPortrait from '../public/portraits/merel.jpg';
7+
import FelipePortrait from '../public/portraits/felipe.jpeg';
8+
import KevinPortrait from '../public/portraits/kevin.jpeg';
9+
import JacobPortrait from '../public/portraits/jacob.jpg';
10+
import SupunPortrait from '../public/portraits/Supun.png';
11+
12+
export const MichelCard = () => (
13+
<PersonCard
14+
name="Michel R.V. Chaudron"
15+
position="Full Professor"
16+
image={MichelPortrait.src}
17+
quote="Research interests: Software Architecture, Software Design, Software Modelling with a special focus on UML, Software Composition and knowledge sharing, use of AI (Artificial Intelligence) for Software Development."
18+
personalPage="https://research.tue.nl/en/persons/michel-rv-chaudron"
19+
/>);
20+
21+
export const LinaCard = () => (
22+
<PersonCard
23+
name="Lina Ochoa Venegas"
24+
position="Assistant Professor"
25+
image={LinaPortrait.src}
26+
quote="I am interested on studying the phenomena behind software evolution, maintenance, and analysis, and providing tools that support related processes."
27+
personalPage="https://research.tue.nl/en/persons/lina-ochoa-venegas"
28+
/>);
29+
30+
export const JacobCard = () => (
31+
<PersonCard
32+
name="Jacob Krüger"
33+
position="Assistant Professor"
34+
image={JacobPortrait.src}
35+
quote="I am specializing in the development and evolution of variant-rich software systems. Variant-rich systems exist in different customizable variants and have become the most widely existing form of software systems in all areas of society."
36+
personalPage="https://research.tue.nl/en/persons/jacob-kr%C3%BCger"
37+
/>);
38+
39+
export const SatrioCard = () => (
40+
<PersonCard
41+
name="Satrio Adi Rukmono"
42+
position="PhD Candidate"
43+
image={SatrioPortrait.src}
44+
quote="Research interests: Application of Large Language Models (LLMs) in the field of Software Architecture, Software Visualisation"
45+
personalPage="https://research.tue.nl/en/persons/satrio-rukmono"
46+
/>);
47+
48+
export const FilipCard = () => (
49+
<PersonCard
50+
name="Filip Zamfirov"
51+
position="PhD Candidate"
52+
image={FilipPortrait.src}
53+
quote="Research interests: Software Architecture Erosion, Software Visualisation, Static & Dynamic Analysis"
54+
personalPage="https://research.tue.nl/en/persons/filip-zamfirov"
55+
/>);
56+
57+
export const MerelCard = () => (
58+
<PersonCard
59+
name="Merel Veracx"
60+
position="PhD Candidate"
61+
image={MerelPortrait.src}
62+
quote="Research interests: Engineering AI-intensive Systems, IT Architecture, Quality in Software Engineering, Educating HBO ICT students"
63+
personalPage="https://www.linkedin.com/in/merel-veracx-a806115/?originalSubdomain=be"
64+
/>);
65+
66+
export const FelipeCard = () => (
67+
<PersonCard
68+
name="Felipe Xavier"
69+
position="PhD Candidate"
70+
image={FelipePortrait.src}
71+
quote="Research interests: Low-Code, Formal Verification, Embedded Systems, and Software architecture"
72+
personalPage="https://research.tue.nl/en/persons/felipe-de-azeredo-coutinho-xavier"
73+
/>);
74+
export const KevinCard = () => (
75+
<PersonCard
76+
name="Kevin Bouwmeester"
77+
position="PhD Candidate"
78+
image={KevinPortrait.src}
79+
quote="Research interests: Digital Twins, Software Architecture, Game-Design, and Software Design"
80+
personalPage="https://research.tue.nl/en/persons/kevin-bouwmeester"
81+
/>);
82+
83+
export const SupunCard = () => (
84+
<PersonCard
85+
name="Supun Wijayakoon"
86+
position="PhD Candidate"
87+
image={SupunPortrait.src}
88+
quote="Research interests: Software Architecture, Software Analytics, Software Visualization"
89+
personalPage="https://research.tue.nl/en/persons/supun-wijekoon-bandara-mudiyanselage"
90+
/>);

0 commit comments

Comments
 (0)