forked from Gitlink/forgeplus-react
Merge branch 'feature_GLCC2' of http://106.75.45.236:3000/durian/forgeplus-react into feature_GLCC
This commit is contained in:
何童崇
commit
790fef4899
|
|
@ -12,6 +12,7 @@ import introduce from "../img/introduce.png";
|
|||
import apply1 from "../img/apply1.png";
|
||||
import apply2 from "../img/apply2.png";
|
||||
import teacher from "../img/teacher.png";
|
||||
import logo from "../img/openmmlab/logo1.png";
|
||||
import { hasAuditRole } from '../api';
|
||||
import './index.scss';
|
||||
|
||||
|
|
@ -102,6 +103,17 @@ export default (props) => {
|
|||
<div className="introduce-content">GitLink编程夏令营（GLCC），是在CCF中国计算机学会指导下，由CCF开源发展委员会（CCF ODC）举办的面向全国高校学生的暑期编程活动。活动将覆盖近千所高校，并联合各大开源基金会、开源企业、开源社区、开源专家，旨在鼓励青年学生通过参加真实的开源软件开发，提升自身技术能力，为开源社区输送优秀人才。为青年学生提供开放友好的交流平台，希望进一步推动国内开源社区的繁荣发展。</div>
|
||||
<img src={introduce} alt="" className="introduceImg" />
|
||||
</div>
|
||||
{/* 活动特邀合作单位 */}
|
||||
<div className="openMMlabBox">
|
||||
<div className="logoTitle">
|
||||
<img src={logo} alt="" className="logo"/>
|
||||
<span className="title">活动特邀合作单位 openMMlab</span>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div className="intro">OpenMMLab是深度学习时代最完整的计算机视觉开源算法体系。自开源以来，累计发布了超过20个算法库，有超过300个算法2300多个预训练模型。所有算法均具备风格统一、模型丰富、质量高、易复现等特点。在社区生态上，OpenMMLab一直秉持开放、认真、持续成长的原则，积极推动社区建设发展</div>
|
||||
<div className="goToButBox"><button className="goToBut" onClick={()=>{window.location.href='/glcc/openmmlab'}}>查看详情</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Lightspot isGlccApplyDate={isGlccApplyDate} current_user={current_user} showNotification={showNotification} studentApplyStart={studentApplyStart} />
|
||||
|
|
|
|||
|
|
@ -173,6 +173,7 @@
|
|||
// padding: 48px;
|
||||
min-height: 500px;
|
||||
background-image:linear-gradient(132.67deg,#e5ecff 0%,#e0e9ff 53.13%,#fbfcff 100%);
|
||||
padding-bottom: 80px;
|
||||
.glcc-tit {
|
||||
margin-bottom: 60px !important;
|
||||
}
|
||||
|
|
@ -189,3 +190,46 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.openMMlabBox{
|
||||
margin-right: 30px;
|
||||
padding: 25px 20px 30px 40px;
|
||||
background-image:linear-gradient(183.03deg,#032495 0%,#102a82 14.65%,#203788 47.7%,#4a56c2 100%);
|
||||
.logoTitle{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.logo{
|
||||
width: 155px;
|
||||
}
|
||||
.title{
|
||||
font-weight:500;
|
||||
color:#ffffff;
|
||||
font-size:28px;
|
||||
}
|
||||
.intro{
|
||||
opacity:90%;
|
||||
font-weight:500;
|
||||
color:#ffffff;
|
||||
font-size:15px;
|
||||
margin: 30px 0;
|
||||
line-height:34px;
|
||||
}
|
||||
.goToButBox{
|
||||
text-align: center;
|
||||
}
|
||||
.goToBut{
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
background-color: #DEE6FF;
|
||||
border:1px solid #ffffff;
|
||||
border-radius:4px;
|
||||
box-shadow:0px 0px 6px rgba(255, 255, 255, 0.73);
|
||||
color:#1140ff;
|
||||
font-size:16px;
|
||||
cursor: pointer;
|
||||
&:hover{
|
||||
background-image:linear-gradient(90deg,#ffffff 0%,#eef4ff 51.04%,#ffffff 100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
|
|
@ -1,4 +1,4 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import React from 'react';
|
||||
import './index.scss';
|
||||
|
||||
import teacher1 from '../../img/openmmlab/teacher1.png';
|
||||
|
|
@ -21,104 +21,107 @@ const teacherArr = [
|
|||
{
|
||||
name: '王泰',
|
||||
picture: teacher1,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖',
|
||||
project: '基于 MMDetection3D，支持轻量化3D感知模型的部署与应用',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '张士龙',
|
||||
picture: teacher2,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，目前负责MMDetection、MMCV、MMFewshot 的开发与维护,擅长 Object Detection，在 CVPR，ICML发表过相关论文',
|
||||
project: '基于MMDetection, 探究 Transformer 在 Object Detection 中的应用',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '孔焕军',
|
||||
picture: teacher3,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，目前主要负责 MMDeploy 部署算法库的开发和维护。擅长降低技术入门难度，分享过一系列入门文档\n',
|
||||
project: '基于 MMDeploy，实现猫猫识别',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '高桐',
|
||||
picture: teacher4,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，目前主要负责 MMOCR 算法库的开发和维护。曾在 ICLR 等会议发表相关论文\n',
|
||||
project: '基于 MMOCR，实现前沿 OCR 算法',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '余朝晖',
|
||||
picture: teacher5,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
introduce: '算法研究员，主要负责 MMClassification 算法库的开发和维护',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '郑淼',
|
||||
picture: teacher6,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，主要负责 MMFlow 和 MMSegmentation 算法库的开发和维护',
|
||||
project: '基于MMFlow，实现 flow1d 算法（ICCV 2021 oral）',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '刘奎坤',
|
||||
picture: teacher7,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，主要负责 MMOCR 算法库的开发和维护',
|
||||
project: '基于 MMOCR，实现前沿 OCR 算法',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '胡木',
|
||||
picture: teacher8,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，主要负责 MMRazor 算法库的开发和维护',
|
||||
project: '基于MMRazor，实现AdaRound量化算法',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '杨逸飞',
|
||||
picture: teacher9,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，主要负责 MMGeneration 算法库的开发和维护',
|
||||
project: '基于 MMGen，实现Text2Image 生成算法',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '王若晖',
|
||||
picture: teacher10,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，负责 OpenMMLab 课程项目以及 MMEditing 算法库的开发和维护',
|
||||
project: '图像、视频上色工具的构建',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '李亦宁',
|
||||
picture: teacher11,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，目前负责 MMPose 算法库的开发和维护',
|
||||
project: '基于 MMPose 实现前沿姿态估计算法',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '吕成器',
|
||||
picture: teacher12,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，目前负责 MMDetection 开发和维护，知名目标检测算法 NanoDet 作者',
|
||||
project: '基于 MMDetection 实现密集行人检测算法',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '周越',
|
||||
picture: teacher13,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，目前负责 MMDetection 和 MMRotate 算法库的开发和维护',
|
||||
project: '基于 MMRotate，实现前沿的旋转框检测算法',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '方翊箫',
|
||||
picture: teacher14,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，主要负责 MMSelfSup 算法库的开发和维护',
|
||||
project: '基于 MMSelfSup 实现前沿的自监督学习算法以及 Benchmark 评测',
|
||||
},
|
||||
{
|
||||
name: '王泰',
|
||||
name: '黄海安',
|
||||
picture: teacher15,
|
||||
introduce: '算法研究员，目前负责 MMDetection3D 算法库的开发和维护。曾在 CoRL, CVPR,等顶级会议上发表多篇论文、在 nuScenes, Lyft 等竞赛中多次获奖。',
|
||||
project: '基于 MMCLS，实现 Google-landmark 数据集上的图像检索功能',
|
||||
introduce: '算法研究员，目前负责 MMDetection 算法库的开发和维护，知乎 ID 深度眸',
|
||||
project: '基于 MMDetection，实现前沿的实例/全景分割算法',
|
||||
},
|
||||
];
|
||||
|
||||
function Teachers({ list, history }) {
|
||||
|
||||
|
||||
function Teachers() {
|
||||
return (
|
||||
<div className="teachers_content clearfix">
|
||||
{
|
||||
teacherArr.map((item,i) => {
|
||||
return <div className="teacher_item" key={i}>
|
||||
<img className="teacher_picture" src={item.picture}/>
|
||||
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>
|
||||
})
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,17 +1,66 @@
|
|||
.teachers_content{
|
||||
width: 1200px ;
|
||||
margin:0 auto;
|
||||
.teacher_item{
|
||||
width: 289px;
|
||||
height: 300px;
|
||||
float: left;
|
||||
margin-right: 14.5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.teacher_item:nth-child(4n){
|
||||
margin-right: 0;
|
||||
}
|
||||
.teacher_picture{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.teachers_content {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
.teacher_item {
|
||||
width: 289px;
|
||||
height: 350px;
|
||||
float: left;
|
||||
margin-right: 14.5px;
|
||||
margin-bottom: 30px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-color: #EFF5FF;
|
||||
&.maxHeight{
|
||||
height: 405px;
|
||||
.showBox, .hoverShow{
|
||||
height: 166px;
|
||||
}
|
||||
.hoverShow{
|
||||
bottom: -168px;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
.showBox{
|
||||
display: none;
|
||||
}
|
||||
.hoverShow{
|
||||
padding-top: 35px;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
transition: all 0.6s;
|
||||
background-image:linear-gradient(90deg,#e4f4ff 0%,#c4d9ff 50.63%,#ffffff 100%);
|
||||
border:1px solid #ffffff;
|
||||
border-radius:4px;
|
||||
box-shadow:0px 0px 6px rgba(255, 255, 255, 0.73);
|
||||
color:#1140ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.teacher_item:nth-child(4n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.teacher_picture {
|
||||
width: 100%;
|
||||
}
|
||||
.showBox {
|
||||
background-color: #466aff;
|
||||
color: white;
|
||||
.name{
|
||||
text-align: center;
|
||||
}
|
||||
.name,.introBox{
|
||||
opacity: 0.88;
|
||||
}
|
||||
}
|
||||
.showBox, .hoverShow{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
height: 102px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.hoverShow{
|
||||
// display: none;
|
||||
bottom: -102px;
|
||||
border:1px solid #ffffff;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue