Skip to content
Snippets Groups Projects
Commit 7283aff4 authored by Xingan Zhao's avatar Xingan Zhao
Browse files

feat:team

parent aefe0279
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 123 additions and 79 deletions
src/contents/team.tsx
+ 123
− 79
View file @ 7283aff4
......@@ -97,6 +97,7 @@ export function Team() {
card33: 'https://static.igem.wiki/teams/5378/team-member/3301-1.webp',
card34: 'https://static.igem.wiki/teams/5378/team-member/3401.webp',
card35: 'https://placehold.co/600x800',
card36: 'https://placehold.co/600x800',
};
......@@ -138,6 +139,7 @@ export function Team() {
card33: 'Hello this is Tina from The University of Singapore. The best way to predict the future is to create it!',
card34: 'Jian Sun, representative of the 14th National People\'s Congress of China, serving as the president, second-level professor and chief physician of Nanfang Hospital, Southern Medical University, Guangzhou. His research interests focus on the pathogenesis, diagnosis and treatment of chronic hepatitis B and other metabolic associtaed liver diseases.',
card35: 'aminuosi',
card36: 'aminuosi',
};
......@@ -174,9 +176,10 @@ export function Team() {
card30:'Ke Liu',
card31:'Yingying Chen',
card32:'Xingan Zhao',
card33:'Zhilin Wu',
card33:'Zhiling Wu',
card34:'Jian Sun',
card35:'',
card35:'Qingfeng Zhu',
card36: 'Sheng Shen',
}
// 下方定义重要！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
......@@ -236,53 +239,77 @@ export function Team() {
</div>
<div className='row justify-content-center h1'>Instructor</div>
<div className='row justify-content-center h1'>PRIMARY & Secondary PIs</div>
<div className='row'>
<div className='card-body'>
<div className="col-3 margin-20">
<div className="col-3">
<Card
id="card34"
image1="https://static.igem.wiki/teams/5378/team-member/3401.webp"
image2="https://static.igem.wiki/teams/5378/team-member/3402.webp"
title1="Jian Sun"
description1="INSTRUCTOR"
description1="PRIMARY PIs"
onHover={handleCardHover}
/>
</div>
<div className="col-3 margin-20">
<div className="col-3">
<Card
id="card24"
image1="https://static.igem.wiki/teams/5378/team-member/2401-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2402-1.webp"
title1="Ling Li"
description1="PRIMARY PIs"
onHover={handleCardHover}
/>
</div>
<div className="col-3">
<Card
id="card16"
image1="https://static.igem.wiki/teams/5378/team-member/1601-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1602-1.webp"
title1="Hua Zhang"
description1="INSTRUCTOR"
description1="Secondary PIs"
onHover={handleCardHover}
/>
</div>
<div className="col-3 margin-20">
<div className="col-3">
<Card
id="card24"
image1="https://static.igem.wiki/teams/5378/team-member/2401-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2402-1.webp"
title1="Ling Li"
description1="PRIMARY PI"
id="card6"
image1="https://static.igem.wiki/teams/5378/team-member/0601-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/0602-1.webp"
title1="Xiaolong He"
description1="Secondary PIs"
onHover={handleCardHover}
/>
</div>
</div>
</div>
<div className='row justify-content-center h1'>Instructors</div>
<div className="row">
<div className='card-body'>
<div className="col-3 margin-20">
<Card
id="card6"
image1="https://static.igem.wiki/teams/5378/team-member/0601-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/0602-1.webp"
title1="Xiaolong He"
description1="INSTRUCTOR"
id="card35"
image1="https://placehold.co/600x800"
image2="https://placehold.co/600x800"
title1="Qingfeng Zhu"
description1="Instructors"
onHover={handleCardHover}
/>
</div>
<div className="col-3 margin-20">
<Card
id="card36"
image1="https://placehold.co/600x800"
image2="https://placehold.co/600x800"
title1="Sheng Shen"
description1="Instructors"
onHover={handleCardHover}
/>
</div>
......@@ -293,7 +320,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/2301-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2302-1.webp"
title1="Kun Liu"
description1="INSTRUCTOR"
description1="Instructors"
onHover={handleCardHover}
/>
</div>
......@@ -309,7 +336,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/1001-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1002-1.webp"
title1="Wenrong Wen"
description1="ADVISOR"
description1="Advisors"
onHover={handleCardHover}
/>
</div>
......@@ -319,7 +346,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/0501-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/0502-1.webp"
title1="Yuhao Lin"
description1="ADVISOR"
description1="Advisors"
onHover={handleCardHover}
/>
</div>
......@@ -329,13 +356,39 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/3101-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/3102-1.webp"
title1="Yingying Chen"
description1="ADVISOR"
description1="Advisors"
onHover={handleCardHover}
/>
</div>
</div>
</div>
<div className="row">
<div className='card-body'>
<div className="col-3 margin-20">
<Card
id="card25"
image1="https://static.igem.wiki/teams/5378/team-member/2501-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2502-1.webp"
title1="Jiajin Li"
description1="Advisors"
onHover={handleCardHover}
/>
</div>
<div className="col-3 margin-20">
<Card
id="card33"
image1="https://static.igem.wiki/teams/5378/team-member/3301-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/3302-1.webp"
title1="ZhiLing Wu"
description1="Advisors"
onHover={handleCardHover}
/>
</div>
</div>
</div>
<div className='row justify-content-center h1'>Student Member</div>
......@@ -347,7 +400,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/2901-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2902-1.webp"
title1="Junhao Li"
description1="Background Research, Public Engagement, Visualization"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -358,7 +411,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/0101-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/0102-1.webp"
title1="Keyi Zhan"
description1="Public Engagement"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -368,7 +421,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/0701-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/0702-1.webp"
title1="Yijingxuan Duan"
description1="Public Engagement"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -378,7 +431,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/0801-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/0802-1.webp"
title1="Luming Huang"
description1="example"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -390,7 +443,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/1301-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1302-1.webp"
title1="Wenyi Guan"
description1="Project description"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -400,7 +453,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/1401-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1402-1.webp"
title1="Jianhua Zhang"
description1="example"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -410,7 +463,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/1501-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1502-1.webp"
title1="Runze Wen"
description1="Visualization"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -421,7 +474,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/0201-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/0202-1.webp"
title1="Ming Zhu"
description1="example"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -434,7 +487,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/1701-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1702-1.webp"
title1="Guozhuo Cai"
description1="Analysis"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -444,7 +497,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/1801-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1802-1.webp"
title1="Yingying Yang"
description1="Public Engagement"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -454,7 +507,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/1901-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1902-1.webp"
title1="Weihuan Li"
description1="example"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -464,7 +517,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/2001-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2002-1.webp"
title1="Yifeng Wang"
description1="Visualization"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -476,7 +529,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/2101-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2102-1.webp"
title1="Feier Tian"
description1="example"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -486,7 +539,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/0901-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/0902-1.webp"
title1="Wan Li"
description1="Public Engagement"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -497,7 +550,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/0301-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/0302-1.webp"
title1="Yihan Wu"
description1="Public Engagement"
description1="Students"
onHover={handleCardHover}
/>
......@@ -508,30 +561,26 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/0401-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/0402-1.webp"
title1="Shenglin Chen"
description1="Analysis"
description1="Students"
onHover={handleCardHover}
/>
</div>
</div>
<div className="row">
<div className="col-3">
<Card
id="card25"
image1="https://static.igem.wiki/teams/5378/team-member/2501-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2502-1.webp"
title1="Jiajin Li"
description1="example"
onHover={handleCardHover}
/>
</div>
<div className="col-3">
<Card
id="card26"
image1="https://static.igem.wiki/teams/5378/team-member/2601-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2602-1.webp"
title1="Kang Wang"
description1="example"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -541,7 +590,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/2701-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2702-1.webp"
title1="Meitong Han"
description1="example"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -551,7 +600,17 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/2801-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/2802-1.webp"
title1="Yanqiu Cai"
description1="Public Engagement"
description1="Students"
onHover={handleCardHover}
/>
</div>
<div className="col-3">
<Card
id="card32"
image1="https://static.igem.wiki/teams/5378/team-member/3201.webp"
image2="https://static.igem.wiki/teams/5378/team-member/3202.webp"
title1="Xingan Zhao"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -559,15 +618,16 @@ export function Team() {
<div className="row">
<div className="col-3">
<Card
id="card33"
image1="https://static.igem.wiki/teams/5378/team-member/3301-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/3302-1.webp"
title1="ZhiLin Wu"
description1="example"
id="card12"
image1="https://static.igem.wiki/teams/5378/team-member/1201-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1202-1.webp"
title1="Pan Zhao"
description1="Students"
onHover={handleCardHover}
/>
</div>
<div className="col-3">
<Card
......@@ -575,7 +635,7 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/3001-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/3002-1.webp"
title1="Ke Liu"
description1="example"
description1="Students"
onHover={handleCardHover}
/>
</div>
......@@ -585,32 +645,16 @@ export function Team() {
image1="https://static.igem.wiki/teams/5378/team-member/1101-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1102-1.webp"
title1="Ziyuan Liu"
description1="Investigation"
onHover={handleCardHover}
/>
</div>
<div className="col-3">
<Card
id="card32"
image1="https://static.igem.wiki/teams/5378/team-member/3201.webp"
image2="https://static.igem.wiki/teams/5378/team-member/3202.webp"
title1="Xingan Zhao"
description1="Wiki"
description1="Students"
onHover={handleCardHover}
/>
</div>
</div>
<div className="row">
<div className="col-3">
<Card
id="card12"
image1="https://static.igem.wiki/teams/5378/team-member/1201-1.webp"
image2="https://static.igem.wiki/teams/5378/team-member/1202-1.webp"
title1="Pan Zhao"
description1="Safety"
onHover={handleCardHover}
/>
</div>
<div className="col-3">
<Card
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment