import React from "react" ; import styled from "styled-components" ; import { Wrapper } from "@bit/wasedatime.core.ts.styles.wrapper" ; import { useTranslation } from "react-i18next" ; import oscar from "../../assets/img/contributors/oscar.jpg" ; import mei from "../../assets/img/contributors/mei.jpg" ; import hao from "../../assets/img/contributors/hao.jpg" ; import austin from "../../assets/img/contributors/austin.jpg" ; import tang from "../../assets/img/contributors/tang.jpg" ; import kong from "../../assets/img/contributors/kong.jpg" ; import george from "../../assets/img/contributors/george.jpg" ; import isabella from "../../assets/img/contributors/isabella.jpg" ; import gu from "../../assets/img/contributors/gu.jpg" ; import zenda from "../../assets/img/contributors/zenda.jpg" ; import kaede from "../../assets/img/contributors/kaede.jpg" ; import kaiqing from "../../assets/img/contributors/kaiqing.jpg" ; import zhaohuaibo from "../../assets/img/contributors/zhaohuaibo.jpg" ; import hatori from "../../assets/img/contributors/hatori.jpg" ; import yaoyuan from "../../assets/img/contributors/yaoyuan.jpg" ; import naomi from "../../assets/img/contributors/naomi.jpg" ; import alina from "../../assets/img/contributors/alina.jpg" ; import facebook from "../../assets/img/socialmediaicon/facebook.png" ; import homepage from "../../assets/img/socialmediaicon/homepage.png" ; import instagram from "../../assets/img/socialmediaicon/instagram.png" ; import linkedin from "../../assets/img/socialmediaicon/linkedin.png" ; import weibo from "../../assets/img/socialmediaicon/sina-weibo.png" ; import twitter from "../../assets/img/socialmediaicon/twitter.png" ; import github from "../../assets/img/socialmediaicon/github.png" ; import email from "../../assets/img/socialmediaicon/email.png" ; const Title = styled ( "h2" ) `
  width: 50%;
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 auto;
  text-align: center;
  color: #444 !important;
` ; const CardArea = styled ( "div" ) `
  width: 90%;
  margin: 0 auto;
  font-size: 0.9em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
` ; const Card = styled ( "div" ) `
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px 20px 20px 0px;
  width: 230px;
  text-align: center;
` ; const MemberImage = styled ( "img" ) `
  width: 80%;
  border: white 7px solid;
  border-radius: 50%;
  box-shadow: 0px 0px 8px;
` ; const MemberName = styled ( "div" ) `
  padding: 10px 0px 0px 0px;
  width: 100%;
  font-size: 1.3em;
  text-align: center;
` ; const MemberPosition = styled ( "div" ) `
  width: 100%;
  text-align: center;
` ; const MemberVision = styled ( "div" ) `
  max-width: 100%;
` ; const SocialMediaArea = styled ( "div" ) `
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
` ; const MediaIcon = styled ( "img" ) `
  width: 100%;
  width: 1.3em;
  margin: 4px;
  text-align: center;
` ; const MeetOurTeam = ( ) => { const { t } = useTranslation ( ) ; return ( < Wrapper > < br > < /br> < Title > Meet Our Talented Team ! < /Title> < br > < /br> < CardArea > { } < Card > < MemberImage src = { hao } > < /MemberImage> < MemberName > Hao < /MemberName> < MemberPosition > Project Leader < /MemberPosition> < SocialMediaArea > < a href = "https://github.com/YHhaoareyou" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { github } > < /MediaIcon> < /a> < a href = "https://www.facebook.com/hao8711/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { facebook } > < /MediaIcon> < /a> < a href = "https://www.instagram.com/yh_hao_are_you/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { instagram } > < /MediaIcon> < /a> < /SocialMediaArea> < MemberVision > WasedaTime , a better Waseda life < /MemberVision> < /Card> { } < Card > < MemberImage src = { austin } > < /MemberImage> < MemberName > Austin Zhu < /MemberName> < MemberPosition > Project Co - leader < /MemberPosition> < SocialMediaArea > < a href = "https://www.instagram.com/austinzhu123/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { instagram } > < /MediaIcon> < /a> < a href = "https://austinzhu.dev/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { homepage } > < /MediaIcon> < /a> < a href = "https://www.linkedin.com/in/yiming-zhu-622a98152" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { linkedin } > < /MediaIcon> < /a> { } < /SocialMediaArea> < MemberVision > WasedaTime is gonna be legendary . < /MemberVision> < /Card> { } < Card > < MemberImage src = { mei } > < /MemberImage> < MemberName > Mei < /MemberName> < MemberPosition > Frontend Engineer < /MemberPosition> { } < MemberVision > < /MemberVision> < SocialMediaArea > < a href = "https://twitter.com/Rimei9623" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { twitter } > < /MediaIcon> < /a> < a href = "https://www.instagram.com/limengmmmm/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { instagram } > < /MediaIcon> < /a> < a href = "https://www.weibo.com/u/5000065316/home" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { weibo } > < /MediaIcon> < /a> < /SocialMediaArea> < /Card> { } < Card > < MemberImage src = { tang } > < /MemberImage> < MemberName > Yeping Tang < /MemberName> { } < MemberPosition > Frontend Engineer < /MemberPosition> < SocialMediaArea > < a href = "https://www.facebook.com/nero.archer.94" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { facebook } > < /MediaIcon> < /a> < /SocialMediaArea> < MemberVision > { t ( "aboutus.Impressive I'm beginning to understand everything now" ) } < /MemberVision> < /Card> { } < Card > < MemberImage src = { gu } > < /MemberImage> < MemberName > Jiaxian Gu < /MemberName> < MemberPosition > Frontend Engineer < /MemberPosition> < SocialMediaArea > < a href = "https://www.instagram.com/jiaxiangu/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { instagram } > < /MediaIcon> < /a> < a href = "mailto:gujiaxian1997@gmail.com" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { email } > < /MediaIcon> < /a> < a href = "https://www.faeook.com/GuJiaxian" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { facebook } > < /MediaIcon> < /a> < /SocialMediaArea> < MemberVision > Think different < /MemberVision> < /Card> { } < Card > < MemberImage src = { george } > < /MemberImage> < MemberName > George Xia < /MemberName> < MemberPosition > Product Manager < /MemberPosition> < MemberVision > < /MemberVision> { } < /Card> { } < Card > < MemberImage src = { zenda } > < /MemberImage> < MemberName > Zenda Chen < /MemberName> < MemberPosition > Marketing < /MemberPosition> < MemberVision > < /MemberVision> < SocialMediaArea > < a href = "mailto:zenda0211@fuji.waseda.jp" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { email } > < /MediaIcon> < /a> < a href = "https://www.instagram.com/zenda_chen/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { instagram } > < /MediaIcon> < /a> < /SocialMediaArea> < /Card> { } < Card > < MemberImage src = { kaede } > < /MemberImage> < MemberName > Kaede Iijima < /MemberName> < MemberPosition > Software Engineer < /MemberPosition> < MemberVision > < /MemberVision> < SocialMediaArea > < a href = "https://github.com/kaedejima" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { github } > < /MediaIcon> < /a> < a href = "https://www.linkedin.com/in/kaede-i-619a141aa/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { linkedin } > < /MediaIcon> < /a> < /SocialMediaArea> < /Card> { } < Card > < MemberImage src = { kaiqing } > < /MemberImage> < MemberName > Kaiqing < /MemberName> < MemberPosition > Marketing < /MemberPosition> < MemberVision > < /MemberVision> < SocialMediaArea > < a href = " https://instagram.com/kaiqing_chang?r=nametag" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { instagram } > < /MediaIcon> < /a> < a href = "https://www.linkedin.com/in/kaiqing-chang-03158b1ba/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { linkedin } > < /MediaIcon> < /a> < a href = "mailto:kaiqing05@gmail.com" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { email } > < /MediaIcon> < /a> < /SocialMediaArea> < /Card> { } < Card > < MemberImage src = { hatori } > < /MemberImage> < MemberName > Zhen Cao < /MemberName> < MemberPosition > Frontend Engineer < /MemberPosition> < SocialMediaArea > < a href = "https://www.linkedin.com/in/%E8%87%BB-%E6%9B%B9-771718186/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { linkedin } > < /MediaIcon> < /a> < a href = "https://www.facebook.com/profile.php?id=100023624678107" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { facebook } > < /MediaIcon> < /a> < /SocialMediaArea> < MemberVision > { t ( "aboutus.seize the day" ) } < /MemberVision> < /Card> { } < Card > < MemberImage src = { yaoyuan } > < /MemberImage> < MemberName > Yuan Yao < /MemberName> < MemberPosition > Backend Engineer < /MemberPosition> < MemberVision > < /MemberVision> < SocialMediaArea > < a href = "https://github.com/youenn98/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { github } > < /MediaIcon> < /a> < /SocialMediaArea> < /Card> { } < Card > < MemberImage src = { zhaohuaibo } > < /MemberImage> < MemberName > Huaibo Zhao < /MemberName> < MemberPosition > Frontend Engineer < /MemberPosition> < SocialMediaArea > < a href = "mailto:huaibozhao3@gmail.com" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { email } > < /MediaIcon> < /a> < /SocialMediaArea> < MemberVision > For those who are or will be a member of Waseda university , I hope our project will add more joy to your campus life . < /MemberVision> < /Card> { } < Card > < MemberImage src = { naomi } > < /MemberImage> < MemberName > Naomi Shen < /MemberName> < MemberPosition > Backend Apprentice < /MemberPosition> < SocialMediaArea > < a href = "https://www.instagram.com/naomi.shen.1088/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { instagram } > < /MediaIcon> < /a> < /SocialMediaArea> < MemberVision > Potato life is da best life < /MemberVision> < /Card> { } < Card > < MemberImage src = { alina } > < /MemberImage> < MemberName > Alina Kenny < /MemberName> < MemberPosition > Business < /MemberPosition> < SocialMediaArea > < a href = "https://www.instagram.com/alina_kenny119/" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { instagram } href = "www.google.com" > < /MediaIcon> < /a> < /SocialMediaArea> < MemberVision > Dream , believe , and achieve ! < /MemberVision> < /Card> { } < Card > < MemberImage src = { kong } > < /MemberImage> < MemberName > Kong < /MemberName> < MemberPosition > Contributor < /MemberPosition> < MemberVision > < /MemberVision> { } < /Card> { } < Card > < MemberImage src = { oscar } > < /MemberImage> < MemberName > Oscar Wang < /MemberName> < MemberPosition > Founder ( Alumni ) < /MemberPosition> < MemberVision > < /MemberVision> < SocialMediaArea > < a href = "https://github.com/oscarwang114" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { github } > < /MediaIcon> < /a> < a href = "https://twitter.com/OscarWang114" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { twitter } > < /MediaIcon> < /a> < a href = "https://www.facebook.com/haohaowang.oscar" target = "_blank" rel = "noopener noreferrer" > < MediaIcon src = { facebook } > < /MediaIcon> < /a> < /SocialMediaArea> < /Card> { } < Card > < MemberImage src = { isabella } > < /MemberImage> < MemberName > Isabella Hu < /MemberName> < MemberPosition > Strategy ( Alumni ) < /MemberPosition> < MemberVision > < /MemberVision> { } < /Card> < Card > < /Card> < Card > < /Card> < Card > < /Card> < Card > < /Card> < Card > < /Card> < Card > < /Card> < /CardArea> < br > < /br> < br > < /br> < br > < /br> < /Wrapper>); } ; export default MeetOurTeam ;