import React from 'react';
import './index.scss';

import teacher1 from '../../img/openmmlab/teacher1.png';
import teacher2 from '../../img/openmmlab/teacher2.png';
import teacher3 from '../../img/openmmlab/teacher3.png';
import teacher4 from '../../img/openmmlab/teacher4.png';
import teacher5 from '../../img/openmmlab/teacher5.png';
import teacher6 from '../../img/openmmlab/teacher6.png';
import teacher7 from '../../img/openmmlab/teacher7.png';
import teacher8 from '../../img/openmmlab/teacher8.png';
import teacher9 from '../../img/openmmlab/teacher9.png';
import teacher10 from '../../img/openmmlab/teacher10.png';
import teacher11 from '../../img/openmmlab/teacher11.png';
import teacher12 from '../../img/openmmlab/teacher12.png';
import teacher13 from '../../img/openmmlab/teacher13.png';
import teacher14 from '../../img/openmmlab/teacher14.png';
import teacher15 from '../../img/openmmlab/teacher15.png';

const teacherArr = [
    {
        name: '王泰',
        picture: teacher1,
        introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖',
        project: '基于 MMDetection3D，支持轻量化3D感知模型的部署与应用',
    },
    {
        name: '张士龙',
        picture: teacher2,
        introduce: '算法研究员，目前负责MMDetection、MMCV、MMFewshot 的开发与维护,擅长 Object Detection，在 CVPR，ICML发表过相关论文',
        project: '基于MMDetection, 探究 Transformer 在 Object Detection 中的应用',
    },
    {
        name: '孔焕军',
        picture: teacher3,
        introduce: '算法研究员，目前主要负责 MMDeploy 部署算法库的开发和维护。擅长降低技术入门难度，分享过一系列入门文档\n',
        project: '基于 MMDeploy，实现猫猫识别',
    },
    {
        name: '高桐',
        picture: teacher4,
        introduce: '算法研究员，目前主要负责 MMOCR 算法库的开发和维护。曾在 ICLR 等会议发表相关论文\n',
        project: '基于 MMOCR，实现前沿 OCR 算法',
    },
    {
        name: '余朝晖',
        picture: teacher5,
        introduce: '算法研究员，主要负责 MMClassification 算法库的开发和维护',
        project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
    },
    {
        name: '郑淼',
        picture: teacher6,
        introduce: '算法研究员，主要负责 MMFlow 和 MMSegmentation 算法库的开发和维护',
        project: '基于MMFlow，实现 flow1d 算法（ICCV 2021 oral）',
    },
    {
        name: '刘奎坤',
        picture: teacher7,
        introduce: '算法研究员，主要负责 MMOCR 算法库的开发和维护',
        project: '基于 MMOCR，实现前沿 OCR 算法',
    },
    {
        name: '胡木',
        picture: teacher8,
        introduce: '算法研究员，主要负责 MMRazor 算法库的开发和维护',
        project: '基于MMRazor，实现AdaRound量化算法',
    },
    {
        name: '杨逸飞',
        picture: teacher9,
        introduce: '算法研究员，主要负责 MMGeneration 算法库的开发和维护',
        project: '基于 MMGen，实现Text2Image 生成算法',
    },
    {
        name: '王若晖',
        picture: teacher10,
        introduce: '算法研究员，负责 OpenMMLab 课程项目以及 MMEditing 算法库的开发和维护',
        project: '图像、视频上色工具的构建',
    },
    {
        name: '李亦宁',
        picture: teacher11,
        introduce: '算法研究员，目前负责 MMPose 算法库的开发和维护',
        project: '基于 MMPose 实现前沿姿态估计算法',
    },
    {
        name: '吕成器',
        picture: teacher12,
        introduce: '算法研究员，目前负责 MMDetection 开发和维护，知名目标检测算法 NanoDet 作者',
        project: '基于 MMDetection 实现密集行人检测算法',
    },
    {
        name: '周越',
        picture: teacher13,
        introduce: '算法研究员，目前负责 MMDetection 和 MMRotate 算法库的开发和维护',
        project: '基于 MMRotate，实现前沿的旋转框检测算法',
    },
    {
        name: '方翊箫',
        picture: teacher14,
        introduce: '算法研究员，主要负责 MMSelfSup 算法库的开发和维护',
        project: '基于 MMSelfSup 实现前沿的自监督学习算法以及 Benchmark 评测',
    },
    {
        name: '黄海安',
        picture: teacher15,
        introduce: '算法研究员，目前负责 MMDetection 算法库的开发和维护，知乎 ID 深度眸',
        project: '基于 MMDetection，实现前沿的实例/全景分割算法',
    },
];

function Teachers() {
    return (
        <div className="teachers_content clearfix">
            {
                teacherArr.map((item,i) => {
                    return <div className={`teacher_item ${i<4 ? 'maxHeight':''}`} key={i}>
                        <img className="teacher_picture" src={item.picture} alt=''/>
                        <div className='showBox'>
                            <div className='name font-17'>{item.name}</div>
                            <div className='introBox'>{item.introduce}</div>
                        </div>
                        <div className='hoverShow'>{item.project}</div>
                    </div>
                })
            }
        </div>
    )
}
export default Teachers;

