diff --git a/src/containers/App/App.css b/src/containers/App/App.css index 0fa29b1119945fb8386d819c72ad57abead36db4..b98bf3c0f105cff19cf07b53a345de1a20b72dfd 100644 --- a/src/containers/App/App.css +++ b/src/containers/App/App.css @@ -358,6 +358,8 @@ footer a:hover { .card-body { display: flex; + align-items: center; + justify-content: center; } @@ -379,25 +381,35 @@ footer a:hover { .sticky-container { position: sticky; - top: 200px; /* è®¾ç½®å…ƒç´ åœ¨æ»šåŠ¨æ—¶ä¿æŒä¸Žé¡µé¢é¡¶éƒ¨çš„è·ç¦» */ + top: 120px; /* è®¾ç½®å…ƒç´ åœ¨æ»šåŠ¨æ—¶ä¿æŒä¸Žé¡µé¢é¡¶éƒ¨çš„è·ç¦» */ margin: 10px; margin-bottom: 150px; padding: 30px; - border: 2px solid #f7a901; + border: 5px solid rgba(114, 47, 55, 1); border-radius: 10px; background-color: #f77001a6; height: auto; + padding-bottom: 0px; } .sticky-words { font-size: large; + /* display: flex; + align-items: center; + justify-items: center; */ } .sticky-img { width: 100%; /* 图片宽度自适应容器 */ height: auto; /* ä¿æŒå›¾ç‰‡çºµæ¨ªæ¯” */ /* display: block; 去掉图片下方的空隙 */ margin: 2px; - max-height: 60vh; + /* max-height: 60vh; */ +} +.sticky-description { + background-color: #e4dfb4b0; + border-radius: 20px; + padding: 5px; + margin-top: 5px; } .row-custom-height-card { diff --git a/src/contents/team.tsx b/src/contents/team.tsx index b8ba43eecac53c1ed45531cded4bd79f0099c824..0cbbfb8b79b6435528d9e21b3c56559b084e32c2 100644 --- a/src/contents/team.tsx +++ b/src/contents/team.tsx @@ -47,8 +47,9 @@ const Card: React.FC<CardProps> = ({ image1, image2, title1, description1, id, const StickyImageContainer: React.FC<{ image: string ,words: string}> = ({ image,words }) => { return ( <div className="sticky-container" > + <h3 className='center-text'>âSMU-GDMU-China crewâ</h3> <img src={image} alt="Sticky" className='sticky-img' /> - <p className='sticky-words'>{words}</p> + <p className='sticky-words sticky-description indent'>{words}</p> </div> ); }; @@ -62,39 +63,39 @@ export function Team() { // 定义æ¯ä¸ªå¡ç‰‡çš„图åƒï¼Œå½“æ‚¬æµ®æ—¶å·¦ä¾§æ˜¾ç¤ºç›¸åº”çš„å›¾åƒ // 下方的定义é‡è¦ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ const images = { - card1: 'https://static.igem.wiki/teams/5378/school-badge/smu.webp', - card2: 'https://static.igem.wiki/teams/5378/school-badge/gdmu.webp', - card3: 'https://static.igem.wiki/teams/5378/image/zxa-tp.webp', - card4: 'https://static.igem.wiki/teams/5378/safety/03-111.webp', - card5: 'https://placehold.co/600x800', - card6: 'https://placehold.co/600x800', - card7: 'https://placehold.co/600x800', - card8: 'https://placehold.co/600x800', - card9: 'https://placehold.co/600x800', - card10: 'https://placehold.co/600x800', - card11: 'https://placehold.co/600x800', - card12: 'https://placehold.co/600x800', - card13: 'https://placehold.co/600x800', - card14: 'https://placehold.co/600x800', - card15: 'https://placehold.co/600x800', - card16: 'https://placehold.co/600x800', - card17: 'https://placehold.co/600x800', - card18: 'https://placehold.co/600x800', - card19: 'https://placehold.co/600x800', - card20: 'https://placehold.co/600x800', - card21: 'https://placehold.co/600x800', - card22: 'https://placehold.co/600x800', - card23: 'https://placehold.co/600x800', - card24: 'https://placehold.co/600x800', - card25: 'https://placehold.co/600x800', - card26: 'https://placehold.co/600x800', - card27: 'https://placehold.co/600x800', - card28: 'https://placehold.co/600x800', - card29: 'https://placehold.co/600x800', - card30: 'https://placehold.co/600x800', - card31: 'https://placehold.co/600x800', - card32: 'https://placehold.co/600x800', - card33: 'https://placehold.co/600x800', + card1: 'https://static.igem.wiki/teams/5378/team-member/0101-1.webp', + card2: 'https://static.igem.wiki/teams/5378/team-member/0201-1.webp', + card3: 'https://static.igem.wiki/teams/5378/team-member/0301-1.webp', + card4: 'https://static.igem.wiki/teams/5378/team-member/0401-1.webp', + card5: 'https://static.igem.wiki/teams/5378/team-member/0501-1.webp', + card6: 'https://static.igem.wiki/teams/5378/team-member/0601-1.webp', + card7: 'https://static.igem.wiki/teams/5378/team-member/0701-1.webp', + card8: 'https://static.igem.wiki/teams/5378/team-member/0801-1.webp', + card9: 'https://static.igem.wiki/teams/5378/team-member/0901-1.webp', + card10: 'https://static.igem.wiki/teams/5378/team-member/1001-1.webp', + card11: 'https://static.igem.wiki/teams/5378/team-member/1101-1.webp', + card12: 'https://static.igem.wiki/teams/5378/team-member/1201-1.webp', + card13: 'https://static.igem.wiki/teams/5378/team-member/1301-1.webp', + card14: 'https://static.igem.wiki/teams/5378/team-member/1401-1.webp', + card15: 'https://static.igem.wiki/teams/5378/team-member/1501-1.webp', + card16: 'https://static.igem.wiki/teams/5378/team-member/1601-1.webp', + card17: 'https://static.igem.wiki/teams/5378/team-member/1701-1.webp', + card18: 'https://static.igem.wiki/teams/5378/team-member/1801-1.webp', + card19: 'https://static.igem.wiki/teams/5378/team-member/1901-1.webp', + card20: 'https://static.igem.wiki/teams/5378/team-member/2001-1.webp', + card21: 'https://static.igem.wiki/teams/5378/team-member/2101-1.webp', + card22: 'https://static.igem.wiki/teams/5378/team-member/2201-1.webp', + card23: 'https://static.igem.wiki/teams/5378/team-member/2301-1.webp', + card24: 'https://static.igem.wiki/teams/5378/team-member/2401-1.webp', + card25: 'https://static.igem.wiki/teams/5378/team-member/2501-1.webp', + card26: 'https://static.igem.wiki/teams/5378/team-member/2601-1.webp', + card27: 'https://static.igem.wiki/teams/5378/team-member/2701-1.webp', + card28: 'https://static.igem.wiki/teams/5378/team-member/2801-1.webp', + card29: 'https://static.igem.wiki/teams/5378/team-member/2901-1.webp', + card30: 'https://static.igem.wiki/teams/5378/team-member/3001-1.webp', + card31: 'https://static.igem.wiki/teams/5378/team-member/3101-1.webp', + card32: 'https://static.igem.wiki/teams/5378/team-member/3201.webp', + card33: 'https://static.igem.wiki/teams/5378/team-member/3301-1.webp', card34: 'https://placehold.co/600x800', card35: 'https://placehold.co/600x800', @@ -102,39 +103,40 @@ export function Team() { }; const words = { - card1: 'å¼ åŽHua Zhang, Dean of School of Medical Technology, Guangdong Medical University, China. Section editor of Biomarker Research, Research field: tumor pathogenesis.', - card2: '刘å¤Dr. Kun Liu, Associated Researcher, Southern Medical University. My research interesting focuses on solving the key clinical issues by employing interdisciplinary techniques. “I think therefore I am.â€', - card3: 'æŽå‡ŒInspire originality, ignite innovation.', - card4: '何肖龙Xiaolong He, principal investigator at the Microbiome Medicine Center, Zhujiang Hospital, Southern Medical University.Where there\'s a will, there\'s a way.', - card5: '王译锋coderã€enjoy making AI products', - card6: '方芷欣Second year in iGEM. Always chasing after thrilling knowledge about life. Hope everyone can enjoy this meaningful event and have fun with synthetic biology.', - card7: '黎俊çA creative students and adolescent,once iGEMer,always iGEMerï¼', - card8: '詹å¯æ€¡Remain passionate and embark on a journey across mountains and seas.', - card9: '朱æ•Where there\'s a will, there\'s a way.', - card10: 'å´å¥•ç¿°Inperfection is beauty.', - card11: '陈圣林"In every job that must be done, there is an element of fun. You find the fun, and snap! The job is a game." Marry Poppins', - card12: '林裕豪My name is Yuhao Lin. I majored pathobiology at Southern Medical University in China. My hobbies are fitness, playing video games, making models and so on. My credo is “the road stretches on as long as you keep moving.â€', - card13: '段邑é™è±Keep a single spark to start a prairie fire.', - card14: '黄鹿鸣The world is my oyster, which I with sword will open.', - card15: 'æŽå©‰Regardless of the twists and turns, but at the end.', - card16: '温文è£My name is Wen, a student majoring in psychiatry. To see the world, to unveil the mystery of brain, to feel, to find each other and draw closer. We are all explorers.', - card17: '刘紫æºValar Dohaeris', - card18: '赵攀Don’t worry,good things take time.', - card19: '管文仪The meaning of life is not in the outward search, but in the inward construction.', - card20: 'å¼ å¥åŽConsider things from every angle.', - card21: '温润泽can it be a _?yes.', - card22: '蔡国èŒBetter late than never .', - card23: 'æ¨èŽ¹è“¥Nothing seek , nothing find.', - card24: 'æŽä¼Ÿæ¬¢My name is Weihuan Li, my personality is quite extroverted. I love socializing people.', - card25: 'ç”°è²å„¿My name is TianFeier.I\'m from Guangdong Medical University, majoring in applied psychology. My favorite quote is “To live is to think.â€', - card26: '黎嘉进I am Jiajin Li, an MPH student at the University of Hongkong, focusing on epidemiology and biostatistics.', - card27: '王康Fortune favors the bold.', - card28: '韩美彤Make magic happen.', - card29: '蔡彦秋No need to hurry. No need to sparkle. No need to be anybody but oneself.', - card30: '刘å¯Alis volat propriis.', - card31: '陈莹莹Hi, I\'m Ying, your go-to sparkle for all things bright and informative!', - card32: '赵兴安Shall we?', - card33: '巫芷凌Hello this is Tina from The University of Singapore. The best way to predict the future is to create it!', + + card1: 'Remain passionate and embark on a journey across mountains and seas.', + card2: 'Where there\'s a will, there\'s a way.', + card3: 'Inperfection is beauty.', + card4: '"In every job that must be done, there is an element of fun. You find the fun, and snap! The job is a game." Marry Poppins', + card5: 'My name is Yuhao Lin. I majored pathobiology at Southern Medical University in China. My hobbies are fitness, playing video games, making models and so on. My credo is “the road stretches on as long as you keep moving.â€', + card6: 'Xiaolong He, principal investigator at the Microbiome Medicine Center, Zhujiang Hospital, Southern Medical University.Where there\'s a will, there\'s a way.', + card7: 'Keep a single spark to start a prairie fire.', + card8: 'The world is my oyster, which I with sword will open.', + card9: 'Regardless of the twists and turn, but at the end.', + card10: 'My name is Wen, a student majoring in psychiatry. To see the world, to unveil the mystery of brain, to feel, to find each other and draw closer. We are all explorers.', + card11: 'Valar Dohaeris', + card12: 'Don\'t worry,good things take time.', + card13: 'The meaning of life is not in the outward search, but in the inward construction.', + card14: 'Consider things from every angle.', + card15: 'can it be a _?yes.', + card16:'Hua Zhang, Dean of School of Medical Technology, Guangdong Medical University, China. Section editor of Biomarker Research, Research field: tumor pathogenesis.', + card17: 'Better late than never .', + card18: 'Nothing seek , nothing find.', + card19: 'My name is Weihuan Li, my personality is quite extroverted. I love socializing people.', + card20:'coderã€enjoy making AI products', + card21: 'My name is TianFeier.I\'m from Guangdong Medical University, majoring in applied psychology. My favorite quote is “To live is to think.â€', + card22:'Second year in iGEM. Always chasing after thrilling knowledge about life. Hope everyone can enjoy this meaningful event and have fun with synthetic biology.', + card23:'Dr. Kun Liu, Associated Researcher, Southern Medical University. My research interesting focuses on solving the key clinical issues by employing interdisciplinary techniques. “I think therefore I am.â€', + card24:'Inspire originality, ignite innovation.', + card25: 'I am Jiajin Li, an MPH student at the University of Hongkong, focusing on epidemiology and biostatistics.', + card26: 'Fortune favors the bold.', + card27: 'Make magic happen.', + card28: 'No need to hurry. No need to sparkle. No need to be anybody but oneself.', + card29:'A creative students and adolescent,once iGEMer,always iGEMer!', + card30: 'Alis volat propriis.', + card31: 'Hi, I\'m Ying, your go-to sparkle for all things bright and informative!', + card32: 'First year in iGem , once iGEMer , always iGEMer !', + card33: 'Hello this is Tina from The University of Singapore. The best way to predict the future is to create it!', card34: 'aminuosi', card35: 'aminuosi', @@ -163,7 +165,7 @@ export function Team() { <div className="row bg-rice_yellow"> {/* 左侧sticky容器 */} - <div className="col-4"> + <div className="col-3"> {/* ä¸‹æ–¹è®¾ç½®é»˜è®¤æ˜¾ç¤ºå›¾åƒ */} <StickyImageContainer image={hoveredCardId ? images[hoveredCardId] : 'https://placehold.co/600x800'} words={hoveredCardId ? words[hoveredCardId] : "Good to see you here!!"} /> </div> @@ -171,96 +173,68 @@ export function Team() { {/* å¡ç‰‡åŒºåŸŸ */} <div className="col-8"> - <div className='row justify-content-center h1'>Instructor</div> - <div className="row"> - <div className="col-3"> - <Card - id="card1" - 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="Remain passionate and embark on a journey across mountains and seas." - onHover={handleCardHover} - /> - </div> - <div className="col-3"> - <Card - id="card2" - 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="Where there's a will, there's a way." - onHover={handleCardHover} - /> - </div> - <div className="col-3"> - <Card - id="card3" - 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="Inperfection is beauty." - onHover={handleCardHover} - /> - </div> + + + <div className='row justify-content-center h1'>Student Leader</div> + <div className="card-body"> <div className="col-3"> - <Card - id="card4" - 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="\'In every job that must be done, there is an element of fun. You find the fun, and snap! The job is a game.\' Marry Poppins" + <Card + id="card22" + image1="https://static.igem.wiki/teams/5378/team-member/2201-1.webp" + image2="https://static.igem.wiki/teams/5378/team-member/2202-1.webp" + title1="Zhixin Fang" + description1="Student Leader" onHover={handleCardHover} /> </div> </div> - <div className='row justify-content-center h1'>Student Leader</div> + <div className='row justify-content-center h1'>Instructor</div> <div className="row"> <div className="col-3"> - <Card - id="card5" - 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="My name is Yuhao Lin. I majored pathobiology at Southern Medical University in China. My hobbies are fitness, playing video games, making models and so on. My credo is \“the road stretches on as long as you keep moving.\â€" - onHover={handleCardHover} - /> - </div> - - <div className="col-3"> - <Card + <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="Xiaolong He, principal investigator at the Microbiome Medicine Center, Zhujiang Hospital, Southern Medical University.Where there's a will, there's a way." + description1="Instructor" onHover={handleCardHover} /> </div> <div className="col-3"> - <Card - id="card7" - 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="Jingxuan Duanyi" - description1="Keep a single spark to start a prairie fire." + <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" onHover={handleCardHover} /> </div> <div className="col-3"> - <Card - id="card8" - 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="The world is my oyster, which I with sword will open." + <Card + id="card23" + 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" + onHover={handleCardHover} + /> + </div> + <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="Lin Li" + description1="Insructor" onHover={handleCardHover} /> </div> - </div> + </div> + <div className='row justify-content-center h1'>Advisor</div> <div className="row"> <div className="col-3"> @@ -269,7 +243,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="Regardless of the twists and turns, but at the end." + description1="Human practices expert" onHover={handleCardHover} /> </div> @@ -279,7 +253,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="My name is Wen, a student majoring in psychiatry. To see the world, to unveil the mystery of brain, to feel, to find each other and draw closer. We are all explorers." + description1="Wet lab bro" onHover={handleCardHover} /> </div> @@ -289,7 +263,7 @@ 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="Valar Dohaeris." + description1="Wet lab superman" onHover={handleCardHover} /> </div> @@ -299,7 +273,7 @@ export function Team() { 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="Don't worry,good things take time." + description1="Wet lab girl" onHover={handleCardHover} /> </div> @@ -307,6 +281,49 @@ export function Team() { <div className='row justify-content-center h1'>Student Member</div> + <div className="row"> + <div className="col-3"> + <Card + id="card29" + 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="Core Member" + onHover={handleCardHover} + /> + </div> + + <div className="col-3"> + <Card + id="card1" + 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="Human Practices girl" + onHover={handleCardHover} + /> + </div> + <div className="col-3"> + <Card + id="card7" + 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="Jingxuan Duanyi" + description1="Wow" + onHover={handleCardHover} + /> + </div> + <div className="col-3"> + <Card + id="card8" + 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="Girl" + onHover={handleCardHover} + /> + </div> + </div> <div className="row"> <div className="col-3"> <Card @@ -314,7 +331,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="The meaning of life is not in the outward search, but in the inward construction." + description1="Girl" onHover={handleCardHover} /> </div> @@ -324,7 +341,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="Consider things from every angle." + description1="Boy" onHover={handleCardHover} /> </div> @@ -334,17 +351,18 @@ 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="can it be a _? yes." + description1="Wet lab boy" 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="Hua Zhang, Dean of School of Medical Technology, Guangdong Medical University, China. Section editor of Biomarker Research, Research field: tumor pathogenesis." + + <Card + id="card2" + 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="Model girl" onHover={handleCardHover} /> </div> @@ -357,7 +375,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="Better late than never." + description1="Modeling wizard" onHover={handleCardHover} /> </div> @@ -367,7 +385,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="Yinyin Yang" - description1="Nothing seek , nothing find." + description1="Girl" onHover={handleCardHover} /> </div> @@ -377,7 +395,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="My name is Weihuan Li, my personality is quite extroverted. I love socializing people." + description1="Grand artist" onHover={handleCardHover} /> </div> @@ -387,7 +405,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="coder,enjoy making AI products." + description1="Wiki member" onHover={handleCardHover} /> </div> @@ -399,37 +417,39 @@ 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="My name is TianFeier.I'm from Guangdong Medical University, majoring in applied psychology. My favorite quote is “To live is to think.â€" + description1="Girl" onHover={handleCardHover} /> </div> <div className="col-3"> - <Card - id="card22" - image1="https://static.igem.wiki/teams/5378/team-member/2201-1.webp" - image2="https://static.igem.wiki/teams/5378/team-member/2202-1.webp" - title1="Zhixin Fang" - description1="Second year in iGEM. Always chasing after thrilling knowledge about life. Hope everyone can enjoy this meaningful event and have fun with synthetic biology." + <Card + id="card5" + 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="Wet lab expert" onHover={handleCardHover} /> </div> <div className="col-3"> - <Card - id="card23" - 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="Kun Liu, Associated Researcher, Southern Medical University. My research interesting focuses on solving the key clinical issues by employing interdisciplinary techniques. “I think therefore I am.â€" + + <Card + id="card3" + 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="Artist" onHover={handleCardHover} /> + </div> <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="Lin Li" - description1="Inspire originality, ignite innovation." + <Card + id="card4" + 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="Grand Modeling genius" onHover={handleCardHover} /> </div> @@ -442,7 +462,7 @@ export function Team() { 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="I am Jiajin Li, an MPH student at the University of Hongkong, focusing on epidemiology and biostatistics." + description1="Boy" onHover={handleCardHover} /> </div> @@ -452,7 +472,7 @@ export function Team() { 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="Fortune favors the bold." + description1="Modeling artist" onHover={handleCardHover} /> </div> @@ -462,7 +482,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="Make magic happen." + description1="Girl" onHover={handleCardHover} /> </div> @@ -472,7 +492,7 @@ 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="No need to hurry. No need to sparkle. No need to be anybody but oneself." + description1="HP Girl" onHover={handleCardHover} /> </div> @@ -480,12 +500,13 @@ export function Team() { <div className="row"> <div className="col-3"> - <Card - id="card29" - 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="creative students and adolescent,once iGEMer,always iGEMer!" + + <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="HP girl" onHover={handleCardHover} /> </div> @@ -495,7 +516,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="Alis volat propriis." + description1="Wet lab queen" onHover={handleCardHover} /> </div> @@ -505,17 +526,17 @@ 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="Hi, I'm Ying, your go-to sparkle for all things bright and informative!" + description1="Wet Lab Girl" onHover={handleCardHover} /> </div> <div className="col-3"> <Card id="card32" - image1="https://static.igem.wiki/teams/5378/team-member/3201-1.webp" - image2="https://static.igem.wiki/teams/5378/team-member/3202-1.webp" + 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="First year in iGEM , Wiki coder of SMU-GDMU-China , honored to see you here!" + description1="Wiki coder" onHover={handleCardHover} /> </div> @@ -523,12 +544,12 @@ 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="Hello this is Tina from The University of Singapore. The best way to predict the future is to create it!" + <Card + id="card34" + image1="https://placehold.co/600x800" + image2="https://placehold.co/600x800" + title1="Example" + description1="Description." onHover={handleCardHover} /> </div> @@ -537,8 +558,8 @@ export function Team() { id="card34" image1="https://placehold.co/600x800" image2="https://placehold.co/600x800" - title1="Yifeng Wang" - description1="hahahahaahhahaha." + title1="Example" + description1="Description." onHover={handleCardHover} /> </div> @@ -547,8 +568,8 @@ export function Team() { id="card35" image1="https://placehold.co/600x800" image2="https://placehold.co/600x800" - title1="Hermit Lee" - description1="Genshin,launch!!" + title1="Example" + description1="Description." onHover={handleCardHover} /> </div> @@ -557,8 +578,8 @@ export function Team() { id="card36" image1="https://placehold.co/600x800" image2="https://placehold.co/600x800" - title1="SMU" - description1="SMU Description." + title1="Example" + description1="Description." onHover={handleCardHover} /> </div> @@ -571,8 +592,8 @@ export function Team() { id="card37" image1="https://placehold.co/600x800" image2="https://placehold.co/600x800" - title1="Xingan Zhao" - description1="Shall we?" + title1="Example" + description1="Description." onHover={handleCardHover} /> </div> @@ -581,8 +602,8 @@ export function Team() { id="card38" image1="https://placehold.co/600x800" image2="https://placehold.co/600x800" - title1="Yifeng Wang" - description1="hahahahaahhahaha." + title1="Example" + description1="Description." onHover={handleCardHover} /> </div> @@ -591,8 +612,8 @@ export function Team() { id="card39" image1="https://placehold.co/600x800" image2="https://placehold.co/600x800" - title1="Hermit Lee" - description1="Genshin,launch!!" + title1="Example" + description1="Description." onHover={handleCardHover} /> </div> @@ -601,8 +622,8 @@ export function Team() { id="card40" image1="https://placehold.co/600x800" image2="https://placehold.co/600x800" - title1="SMU" - description1="SMU Description." + title1="Example" + description1="Description." onHover={handleCardHover} /> </div>