diff --git a/src/App.js b/src/App.js index 442d4f323..21e88e990 100644 --- a/src/App.js +++ b/src/App.js @@ -97,8 +97,8 @@ const ProjectIndex = Loadable({ loading: Loading, }); -const CreateMerge = Loadable({ - loader: () => import('./forge/Merge/NewMerge'), +const Home = Loadable({ + loader: () => import('./home/Index'), loading: Loading, }) @@ -353,34 +353,28 @@ class App extends Component { {/* 判断为用户/组织，并进入对应页面 */} { pathType === 'User' ? - { - return () - } + { + return () } - /> : pathType === 'Organization' ? { - return () - } - }> - : pathType === '404' ? : - ( - personal && personal.length > 0 ? - - : - - ) - } - /> - // - // + } + /> : pathType === 'Organization' ? { + return () + } + }> + : pathType === '404' ? : + "" } - - + ( + + ) + } + /> {/* 个人主页 */} +
+
    +
  • 协同开发
    • +
  • 教学实践
    • +
  • 论坛交流
    • +
  • 关于我们
    • +
+
+ 登录 + 注册 +
+
+ + ) +} +export default HeadNav; \ No newline at end of file diff --git a/src/home/Img/2-1bg.png b/src/home/Img/2-1bg.png new file mode 100644 index 000000000..6e38e8282 Binary files /dev/null and b/src/home/Img/2-1bg.png differ diff --git a/src/home/Img/2-2-1.png b/src/home/Img/2-2-1.png new file mode 100644 index 000000000..14d82478c Binary files /dev/null and b/src/home/Img/2-2-1.png differ diff --git a/src/home/Img/2-2-2.png b/src/home/Img/2-2-2.png new file mode 100644 index 000000000..2da28d99c Binary files /dev/null and b/src/home/Img/2-2-2.png differ diff --git a/src/home/Img/2-2-3.png b/src/home/Img/2-2-3.png new file mode 100644 index 000000000..9cdda4e7f Binary files /dev/null and b/src/home/Img/2-2-3.png differ diff --git a/src/home/Img/2-2-head.png b/src/home/Img/2-2-head.png new file mode 100644 index 000000000..19167bc1d Binary files /dev/null and b/src/home/Img/2-2-head.png differ diff --git a/src/home/Img/2-2-ring.png b/src/home/Img/2-2-ring.png new file mode 100644 index 000000000..f1278c5b4 Binary files /dev/null and b/src/home/Img/2-2-ring.png differ diff --git a/src/home/Img/3-1-1.png b/src/home/Img/3-1-1.png new file mode 100644 index 000000000..64390dc2b Binary files /dev/null and b/src/home/Img/3-1-1.png differ diff --git a/src/home/Img/3-1-2.png b/src/home/Img/3-1-2.png new file mode 100644 index 000000000..9ad0030a9 Binary files /dev/null and b/src/home/Img/3-1-2.png differ diff --git a/src/home/Img/3-1.png b/src/home/Img/3-1.png new file mode 100644 index 000000000..44d7cbd59 Binary files /dev/null and b/src/home/Img/3-1.png differ diff --git a/src/home/Img/3-2-1.png b/src/home/Img/3-2-1.png new file mode 100644 index 000000000..976193b42 Binary files /dev/null and b/src/home/Img/3-2-1.png differ diff --git a/src/home/Img/3-2-2.png b/src/home/Img/3-2-2.png new file mode 100644 index 000000000..85a19f950 Binary files /dev/null and b/src/home/Img/3-2-2.png differ diff --git a/src/home/Img/3-3-1.png b/src/home/Img/3-3-1.png new file mode 100644 index 000000000..a03097a55 Binary files /dev/null and b/src/home/Img/3-3-1.png differ diff --git a/src/home/Img/3-3-2.png b/src/home/Img/3-3-2.png new file mode 100644 index 000000000..e8f6ac94f Binary files /dev/null and b/src/home/Img/3-3-2.png differ diff --git a/src/home/Img/3-4-1.png b/src/home/Img/3-4-1.png new file mode 100644 index 000000000..f2e48d8e8 Binary files /dev/null and b/src/home/Img/3-4-1.png differ diff --git a/src/home/Img/3-4-2.png b/src/home/Img/3-4-2.png new file mode 100644 index 000000000..340b169e4 Binary files /dev/null and b/src/home/Img/3-4-2.png differ diff --git a/src/home/Img/3-bg.png b/src/home/Img/3-bg.png new file mode 100644 index 000000000..38c05b768 Binary files /dev/null and b/src/home/Img/3-bg.png differ diff --git a/src/home/Img/4-1.png b/src/home/Img/4-1.png new file mode 100644 index 000000000..9dcf949d3 Binary files /dev/null and b/src/home/Img/4-1.png differ diff --git a/src/home/Img/4-2.png b/src/home/Img/4-2.png new file mode 100644 index 000000000..8705a787e Binary files /dev/null and b/src/home/Img/4-2.png differ diff --git a/src/home/Img/4-3.png b/src/home/Img/4-3.png new file mode 100644 index 000000000..1ea4b161b Binary files /dev/null and b/src/home/Img/4-3.png differ diff --git a/src/home/Img/4-4.png b/src/home/Img/4-4.png new file mode 100644 index 000000000..4f877fbc9 Binary files /dev/null and b/src/home/Img/4-4.png differ diff --git a/src/home/Img/4-bg.png b/src/home/Img/4-bg.png new file mode 100644 index 000000000..661f7a214 Binary files /dev/null and b/src/home/Img/4-bg.png differ diff --git a/src/home/Img/banner1.png b/src/home/Img/banner1.png new file mode 100644 index 000000000..1a72d168f Binary files /dev/null and b/src/home/Img/banner1.png differ diff --git a/src/home/Img/banner2.png b/src/home/Img/banner2.png new file mode 100644 index 000000000..6ff9a877f Binary files /dev/null and b/src/home/Img/banner2.png differ diff --git a/src/home/Img/banner4.png b/src/home/Img/banner4.png new file mode 100644 index 000000000..32fc711c7 Binary files /dev/null and b/src/home/Img/banner4.png differ diff --git a/src/home/Img/top-1.png b/src/home/Img/top-1.png new file mode 100644 index 000000000..4772912c3 Binary files /dev/null and b/src/home/Img/top-1.png differ diff --git a/src/home/Img/top-2.png b/src/home/Img/top-2.png new file mode 100644 index 000000000..65127b927 Binary files /dev/null and b/src/home/Img/top-2.png differ diff --git a/src/home/Img/top-3.png b/src/home/Img/top-3.png new file mode 100644 index 000000000..744f6c2ab Binary files /dev/null and b/src/home/Img/top-3.png differ diff --git a/src/home/Img/top-bg.png b/src/home/Img/top-bg.png new file mode 100644 index 000000000..688046011 Binary files /dev/null and b/src/home/Img/top-bg.png differ diff --git a/src/home/Index.jsx b/src/home/Index.jsx new file mode 100644 index 000000000..eb934e661 --- /dev/null +++ b/src/home/Index.jsx @@ -0,0 +1,84 @@ +import React from 'react'; +import "./Index.scss"; +import HeadNav from './Headnav'; +import TopEdition from './TopEdition'; +import ThirdEdition from './ThirdEdition'; +import { Anchor } from 'antd'; +import F41 from './Img/4-1.png'; +import F42 from './Img/4-2.png'; +import F43 from './Img/4-1.png'; +import F44 from './Img/4-2.png'; +import SecondEdition from './SecondEdition'; + + +function Index(props) { + return( +
+
+ + +
    +
  • +

    CCF开源发展成立大会即将召开！

    +

    此处为活动详情内容

    +
    • +
  • +

    CCF开源发展成立大会即将召开！

    +

    此处为活动详情内容

    +
    • +
  • +

    CCF开源发展成立大会即将召开！

    +

    此处为活动详情内容此处为活动详情内容此处为活动详情内容此处为活动详情内容

    +
    • +
+
+ +
+

Gitlink，新一代开源创新服务平台

+ +
  • 分布式协作开发
    • +
  • 一站式过程管理
    • +
  • 高效流水线运维
    • +
  • 多层次代码分析
    • +
  • 多维度用户画像
    • +     + +
    + + + +
    +

    加入Gitlink，和社区伙伴们一起踏上开源创新的辉煌旅程！

    + 快速注册 +
      +
    • + + 发现 + 探索丰富优质的开发资源 +
      • +
    • + + 加入 + 寻找志同道合的协作伙伴 +
      • +
    • + + 合作 + 开启开放共享的协同之旅 +
      • +
    • + + 贡献 + 书写开源创新的精彩成就 +
      • +
    +
    + +
    +

    开源生态

    +

    Gitlink与各大企业、高校、科研机构开展广泛的技术合作，推动我国开源软件生态的快速构建与发展

    +
    +
    + ) +} +export default Index; \ No newline at end of file diff --git a/src/home/Index.scss b/src/home/Index.scss new file mode 100644 index 000000000..346b4afa7 --- /dev/null +++ b/src/home/Index.scss @@ -0,0 +1,512 @@ + +body{ + overflow: auto!important; + background-color: #fff; +} +.homePage{ + background-color: #fff; +} +.topEdition{ + position: relative; + background-image: linear-gradient(to right,#081843,#000A1D); + margin-bottom: 159px; + .headNav{ + position: absolute; + width: 100%; + top:0px; + left: 0px; + color: #FFFFFF; + background-color: rgba(225,225,225,0.03); + z-index: 10000; + .headNavDiv{ + width: 1200px; + margin:0px auto; + height: 72px; + line-height: 72px; + display: flex; + justify-content: space-between; + align-items: center; + .headlist{ + display: flex; + font-weight: 400; + margin-left: 30px; + li{ + margin-right: 38px; + } + } + .regBtn{ + display: inline-block; + height: 30px; + line-height: 30px; + color: #fff!important; + width: 60px; + text-align: center; + border-radius: 5px; + background-color: #466AFF; + margin-left: 20px; + &:hover{ + background-color: rgba(70,106,255,0.85); + } + } + } + } + .slick-track{ + height: 679px; + .slick-slide{ + position: relative; + div{ + height: 100%; + .regform1{ + background:url('./Img/banner1.png') no-repeat center center; + background-size:cover; + } + .regform2{ + background:url('./Img/banner2.png') no-repeat center center; + background-size:cover; + } + .regform3{ + background:url('./Img/banner4.png') no-repeat center center; + background-size:cover; + } + } + .regPrg{ + position: absolute; + z-index: 2; + width: 1200px; + left: 50%; + margin-left: -600px; + top:50%; + margin-top: -23px; + a{ + color: #fff!important; + display: inline-block; + background-color: #466AFF; + border-radius: 5px; + height: 46px; + line-height: 46px; + width: 98px; + text-align: center; + font-size: 18px; + letter-spacing: 2px; + } + } + img{ + position: absolute; + width: 100%; + height: 100%; + top:0px; + left: 0px; + z-index: 1; + } + } + } + .ant-carousel{ + min-width: 1200px; + } + .ant-carousel .slick-dots{ + width: 1200px; + text-align: left; + left: 50%; + margin-left: -600px; + bottom: 25%; + li{ + margin:0px; + margin-right: 15px; + margin-left: 5px; + button{ + background-color: rgba(225,225,225,0.45); + } + button,&.slick-active button{ + width: 46px; + } + } + } + .topEditionUl{ + position: absolute; + width: 1244px; + background-image: url('./Img/top-bg.png'); + height: 244px; + bottom: -139px; + left: 50%; + margin-left: -622px; + display: flex; + align-items: center; + justify-content: center; + li{ + background-image: url('./Img/top-2.png'); + height: 163px; + width: 377px; + padding:36px 35px; + color: #fff; + margin:0px 5px; + p{ + line-height: 25px; + &:first-child{ + margin-bottom: 12px!important; + } + } + &:first-child{ + background-image: url('./Img/top-1.png'); + } + &:last-child{ + background-image: url('./Img/top-3.png'); + } + } + } +} +.secondEdition{ + .theTitle{ + height: 53px; + line-height: 53px; + font-size: 38px; + font-weight: 500; + color: #1E1E1E; + text-align: center; + margin: 42px 0px 30px!important; + } + .ant-anchor-wrapper{ + width: 1200px; + margin:0px auto; + .ant-anchor{ + display: flex; + align-items: center; + justify-content: center; + .ant-anchor-ink{ + width: 100%; + height: 1px; + background: #D8D8D8; + border: 1px solid rgba(153, 153, 153, 0.5); + bottom: 0px; + top:initial; + } + li{ + padding:18px 19px; + margin:0px 10px; + position: relative; + font-size: 18px; + a{ + color: #333333!important; + } + &.active::after{ + position: absolute; + left: 0px; + bottom: 2px; + height:2px; + background-color: #466AFF; + content: ""; + width: 100%; + } + } + } + } + .secondEditionContent{ + padding:65px 0px; + width: 1200px; + margin:0px auto; + .hadoop{ + background:url('./Img/2-1bg.png') no-repeat center center; + background-size:cover; + min-height: 753px; + padding:50px 56px; + display: flex; + .descBox{ + max-width: 352px; + word-break: break-all; + .desc1{ + height: 50px; + line-height: 50px; + font-size: 36px; + font-weight: 600; + color: #FFFFFF; + background: -webkit-linear-gradient(90deg, #50EDFF 0%, #557CFF 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + .desc2{ + height: 72px; + font-size: 18px; + font-weight: 500; + color: #69DAF5; + line-height: 36px; + margin-top: 97px; + } + .desc3{ + height: 108px; + font-size: 18px; + font-weight: 500; + color: #FFFFFF; + line-height: 36px; + margin-top: 70px; + } + } + } + .oneStop{ + text-align: center; + .oneStopContent{ + display: flex; + .osLeftMain{ + display: flex; + justify-content: flex-start; + align-items: flex-start; + position: relative; + margin-bottom: 182px; + .osleftPosi1,.osleftPosi2{ + position: absolute; + right:10px; + top:102px; + } + .osleftPosi2{ + top:217px; + right:20px; + } + } + .osRightMain{ + margin-left: 22px; + text-align: left; + .osRightTitle{ + height: 50px; + font-size: 36px; + font-weight: 600; + color: #FFFFFF; + line-height: 50px; + background: -webkit-linear-gradient(112deg, #FF8B75 0%, #DD2476 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-top: 28px; + } + p{ + font-size: 18px; + font-weight: 500; + color: #637497; + line-height: 36px; + margin-top: 50px; + margin-bottom: 0px!important; + span{ + color: #1E1E1E; + } + } + } + } + } + .highDevops{ + text-align: center; + .highDoTitle{ + display: inline-block; + height: 90px; + line-height: 90px; + padding: 0px 66px; + font-size: 36px; + font-weight: 600; + color: #FFFFFF; + background: -webkit-linear-gradient(112deg, #D57CA0 0%, #4877F3 51%, #20C3EF 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + position: relative; + &::after{ + position: absolute; + top: -3px; bottom: -3px; + left: -3px; right: -3px; + background: linear-gradient(135deg,#000781, #23b7cb); + border-radius: 30px; + content: ''; + z-index: -1; + } + } + } + } +} + +.thirdEdition{ + background:url('./Img/3-bg.png') no-repeat center center; + background-size:cover; + min-height: 846px; + min-width: 1200px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + .title{ + height: 53px; + font-size: 38px; + font-weight: 500; + color: #FFFFFF; + line-height: 53px; + margin-bottom: 13px; + } + .subtitle{ + height: 39px; + font-size: 18px; + font-weight: 500; + color: #FFFFFF; + line-height: 39px; + } + .thirdUl{ + display: flex; + align-items: center; + margin-top: 50px; + margin-bottom: 25px!important; + li{ + margin:0px 67px; + color: #fff; + position: relative; + cursor: pointer; + &.active::after{ + position: absolute; + content: ""; + width: 10px; + height: 10px; + border-radius: 50%; + background-color: #466AFF; + left: 50%; + margin-left: -5px; + bottom: -25px; + } + &>span{ + font-weight: 500; + font-size: 22px; + margin-top:10px; + display: block; + height: 30px; + line-height: 30px; + } + &>div{ + position: relative; + height: 40px; + width: 40px; + margin:0px 20px; + img{ + position: absolute; + &:first-child{ + z-index: 2; + } + &:last-child{ + z-index: 1; + } + } + } + } + } + .thirdLists{ + display: flex; + align-items: center; + margin-top: 48px; + .listbox{ + margin-left: 54px; + .listTitle{ + height: 30px; + font-size: 18px; + font-weight: 400; + color: #FFFFFF; + line-height: 30px; + position: relative; + margin-bottom: 75px!important; + &::after{ + position: absolute; + left: 0px; + width: 39px; + height: 3px; + content: ""; + bottom: -20px; + background-color: #466AFF; + } + } + } + li{ + display: flex; + height: 22px; + line-height: 22px; + font-size: 16px; + color: #fff; + margin-bottom: 30px!important; + a{ + flex:1; + color: #fff!important; + } + span{ + margin-left: 40px; + } + } + } +} + +.forthEdition{ + background:url('./Img/4-bg.png') no-repeat center center; + background-size:cover; + min-height: 621px; + min-width: 1200px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + .theTitle{ + height: 42px; + line-height: 42px; + font-size: 30px; + font-weight: 500; + color: #1E1E1E; + margin-bottom: 50px!important; + } + .qulikyreg{ + display: inline-block; + width: 137px; + text-align: center; + height: 58px; + line-height: 58px; + color: #fff!important; + background-color: #466AFF; + border-radius: 6px; + margin-bottom: 80px; + font-size: 18px; + } + .forthUl{ + display: flex; + align-items: center; + li{ + margin:0px 40px; + display: flex; + flex-direction: column; + align-items: center; + .forthtitle{ + height: 30px; + font-size: 22px; + font-weight: 500; + color: #1E1E1E; + line-height: 30px; + display: block; + margin-top: 25px; + } + .forthsubtitle{ + height: 22px; + font-size: 16px; + font-weight: 400; + color: #1E1E1E; + line-height: 22px; + margin-top: 15px; + } + } + } +} + +.fifthEdition{ + display: flex; + flex-direction: column; + align-items: center; + padding:68px 0px; + min-width: 1200px; + .title{ + height: 53px; + font-size: 38px; + font-weight: 500; + color: #000000; + line-height: 53px; + } + .subtitle{ + height: 39px; + font-size: 18px; + font-weight: 500; + color: #1E1E1E; + line-height: 39px; + margin-top: 13px; + margin-bottom: 54px; + } +} \ No newline at end of file diff --git a/src/home/SecondEdition.jsx b/src/home/SecondEdition.jsx new file mode 100644 index 000000000..6ed744f6c --- /dev/null +++ b/src/home/SecondEdition.jsx @@ -0,0 +1,41 @@ +import React from 'react'; +import Img1 from './Img/2-2-1.png'; +import ImgHead from './Img/2-2-head.png'; +import Img2 from './Img/2-2-2.png'; +import Img3 from './Img/2-2-3.png'; +import Imgring from './Img/2-2-ring.png'; + +function SecondEdition(params) { + return( +
    +
    +
    +

    分布式协作开发

    +

    基于Git打造分布式代码托管环境，提供免费公、私有代码仓库；

    +

    支持在线文件编辑、代码分支管理、协作贡献统计、代码仓库复刻（Fork）、贡献合并请求（PR）、群智贡献审阅等功能；

    +
    +
    +
    +
    +
    + + + + +
    +
    +

    一站式过程管理

    +

    提供易修（Issue）、里程碑、通知提醒、标签归档等多样化任务管理工具，支持各类开发任务的发布、指派与跟踪；

    +

    同时提供在线Wiki文档、组织多粒度管理等功能，为您搭建一站式的项目过程管理环境；

    +

    让您的团队协作更高效、过程更透明！

    +
    +
    + +
    +
    + 高效流水线运维 +
    +
    + ) +} +export default SecondEdition \ No newline at end of file diff --git a/src/home/ThirdEdition.jsx b/src/home/ThirdEdition.jsx new file mode 100644 index 000000000..a2c0fcca8 --- /dev/null +++ b/src/home/ThirdEdition.jsx @@ -0,0 +1,85 @@ +import React,{ useState , useEffect } from 'react'; +import T311 from './Img/3-1-1.png'; +import T312 from './Img/3-1-2.png'; +import T321 from './Img/3-2-1.png'; +import T322 from './Img/3-2-2.png'; +import T331 from './Img/3-3-1.png'; +import T332 from './Img/3-3-2.png'; +import T341 from './Img/3-4-1.png'; +import T342 from './Img/3-4-2.png'; +import bg3 from './Img/3-1.png'; + +import './Index.scss'; + +function ThirdEdition(params) { + const [ active , setActive ] = useState(1); + + return( +
    +

    开发者的家园

    +

    一个实现100%开源，产学研联合面向软件创新的开源社区

    +
      +
    • setActive(1)}> +
      + + +
      + 平台动态 +
      • +
    • setActive(2)}> +
      + + +
      + 优秀仓库 +
      • +
    • setActive(3)}> +
      + + +
      + 精选文章 +
      • +
    • setActive(4)}> +
      + + +
      + 经验分享 +
      • +
    +
    + +
    +

    Gitlink分享最新平台资讯、社区活动通知、开源竞赛信息，把握开源生态发展脉搏

    +
  • + 第四届中国软件开源创新大赛——Gitlink赛道 + 4561 + 2021-08-26 +
    • +
  • + 第四届中国软件开源创新大赛——Gitlink赛道 + 4561 + 2021-08-26 +
    • +
  • + 第四届中国软件开源创新大赛——Gitlink赛道 + 4561 + 2021-08-26 +
    • +
  • + 第四届中国软件开源创新大赛——Gitlink赛道 + 4561 + 2021-08-26 +
    • +
  • + 第四届中国软件开源创新大赛——Gitlink赛道 + 4561 + 2021-08-26 +
    • +
    +
    +
    + ) +} +export default ThirdEdition; \ No newline at end of file diff --git a/src/home/TopEdition.jsx b/src/home/TopEdition.jsx new file mode 100644 index 000000000..5126caf59 --- /dev/null +++ b/src/home/TopEdition.jsx @@ -0,0 +1,15 @@ +import React from 'react'; +import { Carousel } from 'antd'; + +function TopEdition() { + return( + +
    +
    +
    +

    注册

    +
    +     + ) +} +export default TopEdition; \ No newline at end of file