OpenI
/
aiforge
Not watched
1
0
Fork 0
Code
Releases 128 Wiki Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain
Browse Source

2021新版首页静态页面

tags/v1.21.7^2
Jonny Hu 4 years ago
parent
2350d54bf6
commit
101d268779
15 changed files with 1112 additions and 260 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -0
      .gitignore
  2. +167
    -0
      custom/public/css/git.openi.css
  3. +282
    -0
      custom/public/img/develop.svg
  4. +1
    -0
      custom/public/img/gitopeni-index-01.svg
  5. +1
    -0
      custom/public/img/gitopeni-index-02.svg
  6. BIN
      custom/public/img/i-code-pic.jpg
  7. BIN
      custom/public/img/i-data-pic.jpg
  8. +1
    -0
      custom/public/img/i-pic-01.svg
  9. +1
    -0
      custom/public/img/i-pic-02.svg
  10. +1
    -0
      custom/public/img/i-pic-03.svg
  11. +1
    -0
      custom/public/img/i-pic-04.svg
  12. +1
    -0
      custom/public/img/i-yunnao.svg
  13. +209
    -0
      templates/base/head_home.tmpl
  14. +443
    -0
      templates/home.html
  15. +2
    -260
      templates/home.tmpl

+ 2
- 0
.gitignore View File

@@ -95,3 +95,5 @@ prime/

# Make evidence files
/.make_evidence

/templates/home_bak.tmpl

+ 167
- 0
custom/public/css/git.openi.css View File

@@ -0,0 +1,167 @@
.bg-gray{ background-color:#F8F8F8!important;}
.am-mb-0{ margin-bottom: 0 !important;}
.am-mb-05{ margin-bottom: 0.5rem !important;}
.am-mb-10{ margin-bottom: 1.0rem !important;}
.am-mb-15{ margin-bottom: 1.5rem !important;}
.am-mb-20{ margin-bottom: 2.0rem !important;}
.am-mb-30{ margin-bottom: 3.0rem !important;}
.am-mt-0{ margin-top: 0 !important;}
.am-mt-05{ margin-top: 0.5rem !important;}
.am-mt-10{ margin-top: 1.0rem !important;}
.am-mt-15{ margin-top: 1.5rem !important;}
.am-mt-20{ margin-top: 2.0rem !important;}
.am-mt-30{ margin-top: 3.0rem !important;}
.am-pb-0{ padding-bottom: 0 !important;}
.am-pb-05{ padding-bottom: 0.5rem !important;}
.am-pb-10{ padding-bottom: 1.0rem !important;}
.am-pb-15{ padding-bottom: 1.5rem !important;}
.am-pb-20{ padding-bottom: 2.0rem !important;}
.am-pb-30{ padding-bottom: 3.0rem !important;}
.am-pt-0{ padding-top: 0 !important;}
.am-pt-05{ padding-top: 0.5rem !important;}
.am-pt-10{ padding-top: 1.0rem !important;}
.am-pt-15{ padding-top: 1.5rem !important;}
.am-pt-20{ padding-top: 2.0rem !important;}
.am-pt-30{ padding-top: 3.0rem !important;}
.am-pl-30{ padding-left: 3.0rem !important;}
.am-ml-30{ margin-left: 3.0rem !important;}
.am-pr-30{ padding-right: 3.0rem !important;}
.am-mr-30{ margin-right: 3.0rem !important;}
.am-lh-18{ line-height: 1.8em;}

.opacity5{ opacity:0.5;}
.radius15{ border-radius:1.5rem !important; }
.radius10{ border-radius:1.0rem !important; }
.radius5{ border-radius:0.5rem !important; }
.am-shadow-1{
-webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
}
.am-shadow-2{
-webkit-box-shadow: 0 2px 4px 0 rgba(34,36,38,.3);
box-shadow: 0 2px 4px 0 rgba(34,36,38,.3);
}


.ui.secondary.hometop.segment{
background: #DFE9F0;
padding-top: 0;
border: none;
margin-bottom: 90px;
}
.homebanner{
position: relative;
padding: 100px 32px 80px;
}
.homebanner .ui.header .sub.header{
color: #3291F8;
}
.bannerpic{
position: absolute;
right: 50px;
bottom: -64px;
width: 560px;
}
.ui[class*="very padded"].segment.i-code{
padding-left: 6.0rem;
}
.i-code > .ui.blue.header{
color: #1678c2!important;
}
.i-code h2{
position: relative;
}
.i-code h2::before {
content: "";
position: absolute;
left: calc(-4.0rem + 6px);
top: 0.8rem;
width: 18px;
height: 18px;
border: 2px solid #505559;
border-radius: 50%;
background: #1b1c1d;
z-index: 9;
}
.i-code h2.am-bw::before{
background: #FFF;
}
.i-code-pic{
position: relative;
}
.i-code-pic > img{
margin-bottom: -3.0rem;
}
.i-env .ui.cards>.card>.image{
background: none;
}
.i-env .ui.cards>.card>.content{
border-top: none;
}
.leftline01{
position: absolute;
left: 3.0rem;
top: 0;
bottom: 0;
border-left: 2px solid #505559;
border-bottom: 2px solid #505559;
border-radius: 0 0 0 2.0rem;
width: 17.5rem;
}
.leftline02{
position: absolute;
left: 20.5rem;
top: calc(-5.0rem - 2px);
border-top: 2px solid #505559;
border-right: 2px solid #505559;
border-radius: 0 2.0rem 0 0;
width: 2.0rem;
height: 6.0rem;
}

@media only screen and (max-width: 767px) {
.am-mt-30{ margin-top: 1.5rem !important;}
.ui.secondary.hometop.segment{
margin-bottom: 2.0rem;
}
.bannerpic, .i-code-pic{
display: none;
}
.i-code h2::before {
left: calc(-5.0rem + 6px);
}
.i-code h2.am-bw::before{
left: calc(-4.0rem + 6px);
}
.leftline01{
width: calc(50% - 4.0rem);
}
.leftline02{
left: calc(50% - 1.0rem);
top: calc(-3.5rem - 2px);
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.bannerpic, .i-code-pic{
display: none;
}
.i-code h2::before {
left: calc(-5.0rem + 6px);
}
.i-code h2.am-bw::before{
left: calc(-4.0rem + 6px);
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {

}

@media only screen and (min-width: 1920px) {

}

+ 282
- 0
custom/public/img/develop.svg
File diff suppressed because it is too large
View File


+ 1
- 0
custom/public/img/gitopeni-index-01.svg
File diff suppressed because it is too large
View File


+ 1
- 0
custom/public/img/gitopeni-index-02.svg
File diff suppressed because it is too large
View File


BIN
custom/public/img/i-code-pic.jpg View File

Before After
Width: 800  |  Height: 382  |  Size: 44 kB

BIN
custom/public/img/i-data-pic.jpg View File

Before After
Width: 800  |  Height: 456  |  Size: 53 kB

+ 1
- 0
custom/public/img/i-pic-01.svg
File diff suppressed because it is too large
View File


+ 1
- 0
custom/public/img/i-pic-02.svg
File diff suppressed because it is too large
View File


+ 1
- 0
custom/public/img/i-pic-03.svg
File diff suppressed because it is too large
View File


+ 1
- 0
custom/public/img/i-pic-04.svg
File diff suppressed because it is too large
View File


+ 1
- 0
custom/public/img/i-yunnao.svg
File diff suppressed because it is too large
View File


+ 209
- 0
templates/base/head_home.tmpl View File

@@ -0,0 +1,209 @@
<!DOCTYPE html>
<html lang="{{.Language}}">
<head data-suburl="{{AppSubUrl}}">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>{{if .Title}}{{.Title}} - {{end}} {{if .Repository.Name}}{{.Repository.Name}} - {{end}}{{AppName}}</title>
<link rel="manifest" href="{{AppSubUrl}}/manifest.json" crossorigin="use-credentials">
{{if UseServiceWorker}}
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('{{AppSubUrl}}/serviceworker.js').then(function(registration) {
// Registration was successful
console.info('ServiceWorker registration successful with scope: ', registration.scope);
}, function(err) {
// registration failed :(
console.info('ServiceWorker registration failed: ', err);
});
}
</script>
{{else}}
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.getRegistrations().then(function(registrations) {
registrations.forEach(function(registration) {
registration.unregister();
console.info('ServiceWorker unregistered');
});
});
}
</script>
{{end}}
<meta name="theme-color" content="{{ThemeColorMetaTag}}">
<meta name="author" content="{{if .Repository}}{{.Owner.Name}}{{else}}{{MetaAuthor}}{{end}}" />
<meta name="description" content="{{if .Repository}}{{.Repository.Name}}{{if .Repository.Description}} - {{.Repository.Description}}{{end}}{{else}}{{MetaDescription}}{{end}}" />
<meta name="keywords" content="{{MetaKeywords}}">
<meta name="referrer" content="no-referrer" />
<meta name="_csrf" content="{{.CsrfToken}}" />
{{if .IsSigned}}
<meta name="_uid" content="{{.SignedUser.ID}}" />
{{end}}
{{if .ContextUser}}
<meta name="_context_uid" content="{{.ContextUser.ID}}" />
{{end}}
{{if .SearchLimit}}
<meta name="_search_limit" content="{{.SearchLimit}}" />
{{end}}
{{if .GoGetImport}}
<meta name="go-import" content="{{.GoGetImport}} git {{.CloneLink.HTTPS}}">
<meta name="go-source" content="{{.GoGetImport}} _ {{.GoDocDirectory}} {{.GoDocFile}}">
{{end}}
<script>
{{SafeJS `/*
@licstart The following is the entire license notice for the
JavaScript code in this page.

Copyright (c) 2016 The Gitea Authors
Copyright (c) 2015 The Gogs Authors

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
---
Licensing information for additional javascript libraries can be found at:
{{StaticUrlPrefix}}/vendor/librejs.html

@licend The above is the entire license notice
for the JavaScript code in this page.
*/`}}
</script>
<script>
window.config = {
AppSubUrl: '{{AppSubUrl}}',
StaticUrlPrefix: '{{StaticUrlPrefix}}',
csrf: '{{.CsrfToken}}',
HighlightJS: {{if .RequireHighlightJS}}true{{else}}false{{end}},
Minicolors: {{if .RequireMinicolors}}true{{else}}false{{end}},
SimpleMDE: {{if .RequireSimpleMDE}}true{{else}}false{{end}},
Tribute: {{if .RequireTribute}}true{{else}}false{{end}},
U2F: {{if .RequireU2F}}true{{else}}false{{end}},
Heatmap: {{if .EnableHeatmap}}true{{else}}false{{end}},
heatmapUser: {{if .HeatmapUser}}'{{.HeatmapUser}}'{{else}}null{{end}},
NotificationSettings: {
MinTimeout: {{NotificationSettings.MinTimeout}},
TimeoutStep: {{NotificationSettings.TimeoutStep}},
MaxTimeout: {{NotificationSettings.MaxTimeout}},
EventSourceUpdateTime: {{NotificationSettings.EventSourceUpdateTime}},
},
{{if .RequireTribute}}
tributeValues: [
{{ range .Assignees }}
{key: '{{.Name}} {{.FullName}}', value: '{{.Name}}',
name: '{{.Name}}', fullname: '{{.FullName}}', avatar: '{{.RelAvatarLink}}'},
{{ end }}
],
{{end}}
};
</script>
<link rel="shortcut icon" href="{{StaticUrlPrefix}}/img/favicon.png">
<link rel="mask-icon" href="{{StaticUrlPrefix}}/img/gitea-safari.svg" color="#609926">
<link rel="fluid-icon" href="{{StaticUrlPrefix}}/img/gitea-lg.png" title="{{AppName}}">
<link rel="stylesheet" href="{{StaticUrlPrefix}}/vendor/assets/font-awesome/css/font-awesome.min.css">
<link rel="preload" as="font" href="{{StaticUrlPrefix}}/fomantic/themes/default/assets/fonts/icons.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="{{StaticUrlPrefix}}/fomantic/themes/default/assets/fonts/outline-icons.woff2" type="font/woff2" crossorigin="anonymous">
{{if .RequireSimpleMDE}}
<link rel="stylesheet" href="{{StaticUrlPrefix}}/vendor/plugins/simplemde/simplemde.min.css">
{{end}}

{{if .RequireTribute}}
<link rel="stylesheet" href="{{StaticUrlPrefix}}/vendor/plugins/tribute/tribute.css">
{{end}}
<link rel="stylesheet" href="{{StaticUrlPrefix}}/fomantic/semantic.min.css?v={{MD5 AppVer}}">
<link rel="stylesheet" href="{{StaticUrlPrefix}}/css/index.css?v={{MD5 AppVer}}">
<noscript>
<style>
.dropdown:hover > .menu { display: block; }
.ui.secondary.menu .dropdown.item > .menu { margin-top: 0; }
</style>
</noscript>
{{if .RequireMinicolors}}
<link rel="stylesheet" href="{{StaticUrlPrefix}}/vendor/plugins/jquery.minicolors/jquery.minicolors.css">
{{end}}
<style class="list-search-style"></style>
{{if .PageIsUserProfile}}
<meta property="og:title" content="{{.Owner.Name}}" />
<meta property="og:type" content="profile" />
<meta property="og:image" content="{{.Owner.AvatarLink}}" />
<meta property="og:url" content="{{.Owner.HTMLURL}}" />
{{if .Owner.Description}}
<meta property="og:description" content="{{.Owner.Description}}">
{{end}}
{{else if .Repository}}
{{if .Issue}}
<meta property="og:title" content="{{.Issue.Title}}" />
<meta property="og:url" content="{{.Issue.HTMLURL}}" />
{{if .Issue.Content}}
<meta property="og:description" content="{{.Issue.Content}}" />
{{end}}
{{else}}
<meta property="og:title" content="{{.Repository.Name}}" />
<meta property="og:url" content="{{.Repository.HTMLURL}}" />
{{if .Repository.Description}}
<meta property="og:description" content="{{.Repository.Description}}" />
{{end}}
{{end}}
<meta property="og:type" content="object" />
<meta property="og:image" content="{{.Repository.Owner.AvatarLink}}" />
{{else}}
<meta property="og:title" content="{{AppName}}">
<meta property="og:type" content="website" />
<meta property="og:image" content="{{StaticUrlPrefix}}/img/gitea-lg.png" />
<meta property="og:url" content="{{AppUrl}}" />
<meta property="og:description" content="{{MetaDescription}}">
{{end}}
<meta property="og:site_name" content="{{AppName}}" />
{{if .IsSigned }}
{{ if ne .SignedUser.Theme "gitea" }}
<link rel="stylesheet" href="{{StaticUrlPrefix}}/css/theme-{{.SignedUser.Theme}}.css?v={{MD5 AppVer}}">
{{end}}
{{else if ne DefaultTheme "gitea"}}
<link rel="stylesheet" href="{{StaticUrlPrefix}}/css/theme-{{DefaultTheme}}.css?v={{MD5 AppVer}}">
{{end}}
{{template "custom/header" .}}

<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?7c4ef0a24be6109ab22e63c832ab21cf";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
{{template "custom/body_outer_pre" .}}

<div class="full height">
<noscript>{{.i18n.Tr "enable_javascript"}}</noscript>
<div class="ui vertical masthead segment">
{{template "custom/body_inner_pre" .}}

{{if not .PageIsInstall}}
<div class="ui container">
<div class="ui top secondary stackable main menu following bar">
{{template "base/head_navbar" .}}
</div><!-- end bar -->
</div>
{{end}}
{{/*
</div>
</div>
</body>
</html>
*/}}

+ 443
- 0
templates/home.html View File

@@ -0,0 +1,443 @@
<!DOCTYPE html>
<html lang="zh-CN">

<head data-suburl="">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>探索 - OpenI</title>
<link rel="manifest" href="https://git.openi.org.cn/manifest.json" crossorigin="use-credentials">

<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/serviceworker.js').then(function (registration) {

console.info('ServiceWorker registration successful with scope: ', registration.scope);
}, function (err) {

console.info('ServiceWorker registration failed: ', err);
});
}
</script>

<meta name="theme-color" content="#6cc644">
<meta name="author" content="OpenI - open i project management" />
<meta name="description" content="Efficient code management center, you can host and review code" />
<meta name="keywords" content="OpenI,git">
<meta name="referrer" content="no-referrer" />
<meta name="_csrf" content="N8RKkUf9OZ0m3EPrnm00sA-dz086MTYyMzk4NzQyNDM1MzM2NTQwMw" />




<script>
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (c) 2016 The Gitea Authors
Copyright (c) 2015 The Gogs Authors
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
---
Licensing information for additional javascript libraries can be found at:
{{StaticUrlPrefix}}/vendor/librejs.html
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
</script>
<script>
window.config = {
AppSubUrl: '',
StaticUrlPrefix: '',
csrf: 'N8RKkUf9OZ0m3EPrnm00sA-dz086MTYyMzk4NzQyNDM1MzM2NTQwMw',
HighlightJS: false,
Minicolors: false,
SimpleMDE: false,
Tribute: false,
U2F: false,
Heatmap: false,
heatmapUser: null,
NotificationSettings: {
MinTimeout: 10000,
TimeoutStep: 10000,
MaxTimeout: 60000,
EventSourceUpdateTime: 10000,
},

};
</script>
<link rel="shortcut icon" href="https://git.openi.org.cn/img/favicon.png">
<link rel="mask-icon" href="https://git.openi.org.cn/img/gitea-safari.svg" color="#609926">
<link rel="fluid-icon" href="https://git.openi.org.cn/img/gitea-lg.png" title="OpenI">
<link rel="stylesheet" href="https://git.openi.org.cn/vendor/assets/font-awesome/css/font-awesome.min.css">
<link rel="preload" as="font" href="https://git.openi.org.cn/fomantic/themes/default/assets/fonts/icons.woff2"
type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="https://git.openi.org.cn/fomantic/themes/default/assets/fonts/outline-icons.woff2"
type="font/woff2" crossorigin="anonymous">



<link rel="stylesheet" href="https://git.openi.org.cn/fomantic/semantic.min.css?v=447047e8d40b5cf5da3c2d3dc1957be9">
<link rel="stylesheet" href="https://git.openi.org.cn/css/index.css?v=447047e8d40b5cf5da3c2d3dc1957be9">
<link rel="stylesheet" href="../custom/public/css/git.openi.css">
<noscript>
<style>
.dropdown:hover>.menu {
display: block;
}

.ui.secondary.menu .dropdown.item>.menu {
margin-top: 0;
}
</style>
</noscript>

<style class="list-search-style"></style>

<meta property="og:title" content="OpenI">
<meta property="og:type" content="website" />
<meta property="og:image" content="https://git.openi.org.cn/img/gitea-lg.png" />
<meta property="og:url" content="https://git.openi.org.cn/" />
<meta property="og:description" content="Efficient code management center, you can host and review code">

<meta property="og:site_name" content="OpenI" />



<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?7c4ef0a24be6109ab22e63c832ab21cf";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>

<body>


<div class="full height">
<noscript>使用 JavaScript能使本网站更好的工作。</noscript>

<div class="ui vertical masthead secondary hometop segment">

<div class="ui container">
<div class="ui top secondary main menu following bar">
<div class="ui container" id="navbar">
<div class="item brand" style="justify-content: space-between;">
<a href="https://openi.org.cn/">
<img class="ui mini image" src="https://openi.org.cn/statics/openi-2021/img/logo-b.svg" style="height: 60px;">
</a>
<div class="ui basic icon button mobile-only" id="navbar-expand-toggle">
<i class="sidebar icon"></i>
</div>
</div>
<a class="item" href="https://git.openi.org.cn/user/login?redirect_to=">个人中心</a>
<a class="item" href="https://git.openi.org.cn/OpenI">启智项目</a>
<div class="ui dropdown item">
探索
<i class="dropdown icon"></i>
<div class="menu">
<a class="item" href="https://git.openi.org.cn/explore/repos">所有项目</a>
<a class="item" href="https://git.openi.org.cn/explore/datasets">数据集</a>
<a class="item" href="https://git.openi.org.cn/explore/users">用户</a>
<a class="item" href="https://git.openi.org.cn/explore/organizations">组织</a>
</div>
</div>
<div class="right stackable menu">
<a class="item" href="https://git.openi.org.cn/user/sign_up">
<svg class="svg octicon-person" width="16" height="16" aria-hidden="true">
<use xlink:href="#octicon-person" />
</svg> 注册
</a>
<a class="item" rel="nofollow" href="https://git.openi.org.cn/user/login?redirect_to=">
<svg class="svg octicon-sign-in" width="16" height="16" aria-hidden="true">
<use xlink:href="#octicon-sign-in" />
</svg> 登录
</a>
</div>
</div>
</div>
</div>

<div class="ui container homebanner">
<h1 class="ui header">
启智AI开发协作平台
<div class="sub header">
面向AI领域的一站式协同开发环境
</div>
</h1>
<p class="am-lh-18">免费私有代码仓库，免费计算资源，大容量数据存储，<br>多类型硬件环境(GPU、NPU)，AI开发流水线（开发-调试-训练-迭代）</p>
<div class="circular ui secondary button">立即使用 <i class="right arrow icon"></i></div>
<div class="bannerpic"><img class="ui fluid image" src="../custom/public/img/gitopeni-index-01.svg"></div>
</div>
</div><!--//segment end-->

<div class="explore repositories">
<div class="ui sticky container">
<div class="ui secondary pointing fluid five item menu" style="background-color: #FFF;">
<a class="item" href="#first">代码</a>
<a class="item" href="#second">数据</a>
<a class="item" href="#third">AI流水线</a>
<a class="item" href="#fourth">协同开发</a>
<a class="item" href="#fifth">云脑协同</a>
</div>
</div>

<a name="first"></a>
<div id="railContent">
<div class="ui container am-mt-30 basic tab i-code active" style="position: relative;">
<div class="ui inverted very padded segment radius15 am-pl-30">
<div class="ui mobile reversed stackable grid am-pl-30">
<div class="six wide column">
<h2 class="ui huge blue header">代码管理</h2>
<p class="am-lh-18">在这里为你和你的团队创建项目，基于Git工具，提交记录或者回滚代码修改。<br>
不论是公开或者私有仓库，都可免费使用所有功能。<br>
尽情将你喜欢的代码都放在这里，仓库数量、存储容量不受限</p>
<a class="ui blue basic button am-mt-20" href="">立即使用</a>
</div>
<div class="ten wide column computer only i-code-pic am-pt-30">
<img class="ui fluid rounded image am-shadow-2 am-mt-10" src="../custom/public/img/i-code-pic.jpg" style="position: absolute;">
</div>
</div>
</div>
<div class="am-mt-30 am-pt-30 am-pl-30">
<div class="am-pl-30 am-pb-30">
<h2 class="ui huge header am-bw">协作开发</h2>
<p class="am-lh-18">鼓励通过创建合并请求（PR)的方式，更好的进行团队协作<br>
代码评审让每一次的代码修改得以二次确认，提高代码质量<br>
创建并指派任务(Issue)，让每一个任务的进展有迹可循，规范管理<br>
被合并的PR，可获得奖励积分；积分总额可以显示出你在项目中的贡献度，也许有一天会有人愿意为此付费<br>
</p>
</div>
</div>
<div class="leftline01"></div>
</div>

<a name="second"></a>
<div class="ui basic tab active am-mt-30 bg-gray am-pt-30">
<div class="ui container i-data" style="position: relative;">
<div class="leftline02"></div>
<div class="ui stackable grid">
<div class="nine wide column">
<img class="ui centered medium rounded large image" src="../custom/public/img/gitopeni-index-02.svg">
<div class="i-code-pic" style="margin-top: -4.0rem;">
<img class="ui fluid rounded image am-shadow-2" src="../custom/public/img/i-data-pic.jpg">
</div>
</div>
<div class="seven wide column am-pt-30">
<h2 class="ui huge blue header">数据集管理</h2>
<p class="am-lh-18">
数据是重要的生产要素，AI开发更是离不开数据；<br>
- 数据与模型代码的协同，可在项目中上传关联的数据集；<br>
- 数据存储免费，不限制文件大小；<br>
- 数据可共享，标注清洗过的公开数据集，用户可设置为公有数据，供社区用户下载；
</p>
<div class="am-mt-30 am-pt-20"></div>
<h2 class="ui huge header">使用数据集</h2>
<p class="am-lh-18">
数据集可以直接用于训练或者推理任务中<br>
创建任务时选择对应的数据集，启动任务执行环境(Docker)后，即可在Docker内访问到你的代码和数据，就像在你本地执行一样
</p>
</div>
</div>
</div>
</div>

<a name="third"></a>
<div class="ui basic tab active container am-mt-30 am-pt-30">
<h2 class="ui center aligned huge blue header am-pt-30">
AI流水线
<div class="sub header am-mt-10">
提供集代码开发、数据管理、模型调试、推理和评测为一体的AI开发流水线
</div>
</h2>
<div class="ui divider"></div>
<div class="ui centered grid">
<div class="fourteen wide column">
<div class="ui two column grid">
<div class="column">
<div class="ui small header">调试任务：</div>
<div class="ui bulleted list">
<div class="item">配置模型运行环境；</div>
<div class="item">可在线编辑和调试模型代码，并将改动更新至代码仓库；</div>
<div class="item">基于编辑好的脚本，开展模型评测任务；</div>
</div>
</div>
<div class="column">
<div class="ui small header">作业任务：</div>
<div class="ui bulleted list">
<div class="item">利用已配置好的模型运行环境；</div>
<div class="item">基于编辑好的脚本，一键运行，开展模型训练或模型推理任务；</div>
</div>
</div>
</div>
</div>
</div>
<div class="ui divider"></div>
<img class="ui centered image" src="../custom/public/img/develop.svg">
</div>

<a name="fourth"></a>
<div class="ui basic tab active container am-mt-30 am-pt-30 i-env">
<h2 class="ui center aligned huge blue header am-pt-30">
协同开发环境
<div class="sub header am-mt-10">
启智AI协作开发平台与传统git平台最大的不同就在于提供了面向AI开发的协同开发环境
</div>
</h2>
<div class="ui four stackable cards am-mt-20">
<div class="card">
<div class="image">
<img src="../custom/public/img/i-pic-01.svg">
</div>
<div class="content">
<a class="ui centered header">开发要素统一管理</a>
<div class="description">
平台提供了AI开发四大要素：模型代码、数据集、模型和执行环境的统一管理
</div>
</div>
</div>
<div class="card">
<div class="image">
<img src="../custom/public/img/i-pic-02.svg">
</div>
<div class="content">
<a class="ui centered header">数据协同与共享</a>
<div class="description">
通过在项目中上传数据集，项目成员多人协作完成数据预处理；也可以通过将数据设置为公有数据集，与社区开发者共同建立更好的模型
</div>
</div>
</div>
<div class="card">
<div class="image">
<img src="../custom/public/img/i-pic-03.svg">
</div>
<div class="content">
<a class="ui centered header">模型管理与共享</a>
<div class="description">
将模型与代码版本建立关联，可以基于代码历史版本，使用不同的方式调整模型，并将结果保存下来；训练好的模型可以开放共享，让更多人的使用模型测试并提出反馈
</div>
</div>
</div>
<div class="card">
<div class="image">
<img src="../custom/public/img/i-pic-04.svg">
</div>
<div class="content">
<a class="ui centered header">一次配置，多次使用</a>
<div class="description">
提供执行环境共享，一次配置，多次使用，降低模型开发门槛，避免花费重复的时间配置复杂的环境
</div>
</div>
</div>
</div>
</div>

<a name="fifth"></a>
<div class="ui basic tab active container am-mt-30 am-pt-30">
<div class="ui very padded black inverted segment radius15">
<div class="ui stackable grid">
<div class="six wide column">
<img class="ui centered large image" src="../custom/public/img/i-yunnao.svg">
</div>
<div class="ten wide column am-pt-30">
<h2 class="ui huge blue header">鹏城云脑开源协同</h2>
<p class="am-lh-18">
平台已经与鹏城云脑打通，可以利用鹏城云脑的丰富算力资源，完成AI开发任务<br>
鹏城云脑现有AI算力100P FLOPS@FP16（每秒十亿亿次半精度浮点计算），主要硬件基础设施由搭载英伟达Tesla V100 的GPU服务器和搭载鲲鹏、昇腾处理器的Atlas 900 AI集群构成<br>
开发者可以根据使用需求，自由选择相应计算资源，可以测试模型在不同硬件环境下的适配能力、性能、稳定性等<br>
如果您的模型需要更多的计算资源，也可以单独申请<br>
</p>
<a class="ui blue basic button am-mt-20" href="">马上使用</a> <a class="ui grey basic button am-mt-20" href="">单独申请</a>
</div>
</div>
</div>
</div>
<div class="am-mt-30"></div>
</div>

<footer>
<div class="ui container">
<div class="ui grid">
<div class="sixteen wide mobile eight wide tablet eight wide computer column">
<div class="ui three column grid">
<div class="column ui vertical text menu">
<div class="header item">启智社区</div>
<a href="https://www.openi.org.cn/html/Club/2019/0227/14.html" class="item">理事会</a>
<a href="https://www.openi.org.cn/html/Club/2019/0227/14.html" class="item">技术委员会</a>
<a href="https://www.openi.org.cn/html/Club/2019/0228/17.html" class="item">加入启智</a>
</div>
<div class="column ui vertical text menu">
<div class="header item">动态</div>
<a href="https://www.openi.org.cn/html/news/dongtai/" class="item">社区动态</a>
<a href="https://www.openi.org.cn/html/news/huodong/" class="item">成员动态</a>
<a href="https://www.openi.org.cn/html/news/zixun/" class="item">行业资讯</a>
</div>
<div class="column ui vertical text menu">
<div class="header item">帮助</div>
<div class="ui language bottom floating slide up dropdown link item">
<i class="world icon"></i>
<div class="text">简体中文</div>
<div class="menu">

<a lang="zh-CN" class="item active selected" href="#">简体中文</a>

<a lang="en-US" class="item " href="?lang=en-US">English</a>

</div>
</div>
<a href="https://git.openi.org.cn/api/swagger" class="ui item">API</a>

</div>
</div>
</div>
<div class="sixteen wide mobile eight wide tablet eight wide computer column" style=" margin:2.0rem 0">
版权所有：新一代人工智能开源开放平台（OpenI） <a href="http://beian.miit.gov.cn/" target="_blank">京ICP备18004880号-2</a>
<br>
powered_by 鹏城实验室云脑、<a href="https://www.trustie.net/" target="_blank">Trustie确实</a>、gitea
<br>
</div>
</div>
</div>
</footer>

<script src="https://git.openi.org.cn/js/jquery.js?v=447047e8d40b5cf5da3c2d3dc1957be9"></script>

<script src="https://git.openi.org.cn/fomantic/semantic.min.js?v=447047e8d40b5cf5da3c2d3dc1957be9"></script>
<script src="https://git.openi.org.cn/js/index.js?v=447047e8d40b5cf5da3c2d3dc1957be9"></script>
<script>
$('.menu .item')
.tab();
$('.ui.sticky')
.sticky({
context: '#railContent',
observeChanges: true,
})
.sticky('refresh');
</script>
</body>

</html>

+ 2
- 260
templates/home.tmpl View File

@@ -1,264 +1,6 @@
{{template "base/head" .}}
{{template "base/head_home" .}}

<div class="home">
<script>
var head = document.head || document.getElementsByTagName('head')[0];
var t = document.createElement('base'); //创建title元素
t.target = '_blank'; //设置标题内容
head.appendChild(t);
</div><!-- end segment -->

document.addEventListener('DOMContentLoaded', function() {
particleground(document.getElementById('particles'), {
dotColor: 'rgba(0,176,240,0.2)',
lineColor: 'rgba(68,114,196,0.1)'
});
var intro = document.getElementById('intro');
if (intro) {
intro.style.marginTop = -intro.offsetHeight / 2 + 'px';
}
}, false);
</script>
<div id="index-project">
<div id="particles"></div>
<div class="center aligned ui container inverted segment">
<!--内容宽度，默认1127px-->
<h1 class="ui header section--header">启智社区
<p class="sub header">Open Intelligence,Open Source,Open Community,Open Ecosystem</p>
</h1>
<div class="ui six column grid prorow">
<div class="eight wide mobile four wide tablet four wide computer column ipros">
<div class="ui card">
<div class="image"><img src="https://www.openi.org.cn/statics/openi/images/index/openi-paddle.png" style=" height:20px;"></div>
<div class="content ui grid">
<div class="header right aligned eight wide column" style=" border-right:2px solid #ffc000">
<span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">DL</b>
</div>
<div class="header left aligned eight wide column">
<span style="color: #5170ff;">OpenI</span> <b style="color:#ffc000">RL</b>
</div>
</div>
<div class="extra content">
<div class="center floated author">
贡献者：百度
</div>
</div>
</div>
<a class="flip" href="https://openi.org.cn/projects/paddle/"></a>
</div>
<div class="eight wide mobile three wide tablet three wide computer column ipros">
<div class="ui card">
<div class="image">
<img src="https://www.openi.org.cn/statics/openi/images/index/openi-tianyuan.png" alt="Brain++·天元" style=" height:50px;">
</div>
<div class="content">
<div class="header">Brain++·天元</div>
</div>
<div class="extra content">
<div class="center floated author">
贡献者：旷视
</div>
</div>
</div>
<a class="flip" href="https://openi.org.cn/projects/megengine/"></a>
</div>
<div class="eight wide mobile four wide tablet four wide computer column ipros">
<div class="ui card">
<div class="content ui grid">
<div class="header eight wide column" style=" border-right:2px solid #ffc000">
<div><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">天璇</b></div>

</div>
<div class="header eight wide column">
<div><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">天枢</b></div>

</div>
<div class="eight wide column" style=" border-right:2px solid #ffc000; padding-top:0">
<div class="meta">AVS3 解码</div>
</div>
<div class="eight wide column" style="padding-top:0">
<div class="meta">AVS3 编码</div>
</div>
</div>
<div class="extra content">
<div class="center floated author">
贡献者：北大深研院、鹏城实验室、深圳市超高清创新中心
</div>
</div>
</div>
<a class="flip" href="http://openi.org.cn/projects/uavs3e/"></a>
</div>
<div class="eight wide mobile three wide tablet three wide computer column ipros">
<div class="ui card">
<div class="content">
<div class="header" style=" padding-top:0.8em;padding-bottom:0.5em"><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">海参</b></div>
<div class="meta">基于深度学习的视频智能编码</div>
</div>
<div class="extra content">
<div class="center floated author">
贡献者：鹏城实验室、北大、武大、中科大、哈工大
</div>
</div>
</div>
<a class="flip" href="https://openi.org.cn/projects/dlvc/"></a>
</div>
<div class="sixteen wide mobile two wide tablet two wide computer column">
<div class="ui card">
<div class="content">
<div class="header"><i class="ellipsis horizontal icon"></i></div>
</div>
</div>
<div class="flip flip-more"></div>
</div>
</div>
<div class="ui divider" style="margin-top:2.0em; margin-bottom:2.0em;"></div>

<div class="ui six column grid prorow">
<div class="eight wide mobile four wide tablet four wide computer column ipros">
<div class="ui card">
<div class="image">
<img src="https://www.openi.org.cn/statics/openi/images/index/openi-octopus.png" alt="启智章鱼" style=" height:50px;">
</div>
<div class="content">
<div class="meta">新一代智能资源管理系统</div>
</div>
<div class="extra content">
<div class="center floated author">
贡献者：鹏城实验室、北大
</div>
</div>
</div>
<a class="flip flip-blue" href="http://openi.org.cn/projects/octopus/"></a>
</div>
<div class="eight wide mobile three wide tablet three wide computer column ipros">
<div class="ui card">
<div class="image">
<img src="https://www.openi.org.cn/statics/openi/images/index/openi-shanhu.png" alt="OpenI珊瑚" style=" height:50px;">
</div>
<div class="content">
<div class="meta">异构资源调度项目</div>
</div>
<div class="extra content">
<div class="center floated author">
贡献者：华为
</div>
</div>
</div>
<a class="flip flip-blue" href="http://openi.org.cn/projects/coral/"></a>
</div>
<div class="five wide mobile three wide tablet three wide computer column ipros">
<div class="ui card">
<div class="image">
<img src="https://www.openi.org.cn/statics/openi/images/index/openi-trustie.png" alt="启智Trustie" style=" height:50px;">
</div>
<div class="content">
<div class="meta">群体化协同创新环境</div>
</div>
<div class="extra content">
<div class="center floated author">
贡献者：国防科大、北航、北大…
</div>
</div>
</div>
<a class="flip flip-green" href="http://openi.org.cn/projects/forge/"></a>
</div>
<div class="five wide mobile three wide tablet three wide computer column ipros">
<div class="ui card">
<div class="image">
<img src="https://www.openi.org.cn/statics/openi/images/index/huawei.png" alt="华为" style=" height:25px; margin-top:32px;">
</div>
<div class="content">
<div class="meta">华为软开云</div>
</div>
</div>
<a class="flip flip-green"></a>
</div>
<div class="six wide mobile three wide tablet three wide computer column ipros">
<div class="ui card">
<div class="image">
<img src="https://www.openi.org.cn/statics/openi/images/index/openi-zhongheng.png" alt="OpenI 纵横" style=" height:50px;">
</div>
<div class="content">
<div class="meta">数据协同环境</div>
</div>
<div class="extra content">
<div class="center floated author">
贡献者：微众银行
</div>
</div>
</div>
<a class="flip flip-green" href="http://openi.org.cn/projects/zongheng/"></a>
</div>
</div>
<div class="ui divider" style="margin-top:2.0em; margin-bottom:2.0em;"></div>

<div class="ui six column grid prorow">
<div class="sixteen wide mobile six wide tablet six wide computer column ipros">
<div class="content ui grid">
<div class="header sixteen wide column">
<div class="ui centered card" style=" margin-top:0.5em; margin-bottom:0.5em;">
<div class="content">
<div class="header">鹏城云脑1、2</div>
</div>
</div>
<a class="flip flip-green"></a>
</div>
<div class="header sixteen wide column">
<div class="ui centered card" style=" margin-top:0.5em; margin-bottom:0.5em;">
<div class="content">
<div class="header">北京、合肥、苏州…</div>
</div>
</div>
<a class="flip flip-green"></a>
</div>
</div>
</div>
<div class="eight wide mobile two wide tablet four wide computer column ipros">
<div class="ui card">
<div class="content">
<div class="header" style=" padding-top:0.8em;padding-bottom:0.5em"><span style="color: #5170ff;">OpenI</span> <b style="color:#FFF">海藻</b></div>
<div class="meta">可配置指令集和微架构的AI开源芯片</div>
</div>
<div class="extra content">
<div class="center floated author">
贡献者：北大、中科院、鹏城实验室
</div>
</div>
</div>
<a class="flip flip-green" href="http://openi.org.cn/projects/varec/"></a>
</div>
<div class="eight wide mobile three wide tablet four wide computer column ipros">
<div class="ui card">
<div class="image">
<img src="https://www.openi.org.cn/statics/openi/images/index/huaweicloud.png" alt="华为云" style=" height:50px; margin-top:32px;">
</div>
</div>
<a class="flip flip-green"></a>
</div>
<div class="sixteen wide mobile two wide tablet two wide computer column">
<div class="ui card">
<div class="content">
<div class="header"><i class="ellipsis horizontal icon"></i></div>
</div>
</div>
<div class="flip flip-more"></div>
</div>
</div>
</div>
</div>

<div class="ui stackable middle very relaxed page grid">
<div class="center column">
<h1 class="ui header section--header" style=" margin-top:1.0em">启智社区期待您的加入</h1>
<p class="large" style="padding: 0 0 43px;">
OpenI社区旨在促进人工智能领域的开源开放协同创新，构建OpenI的技术链、创新链和生态链、推动人工智能产业健康快速发展及其在社会经济各领域的广泛应用。围绕重大产业创新，汇聚创新资源，促进众创共享，形成产业生态的目标，让"一体两翼"构想下的以技术专家为主体组成的多个工作组（标准工作组、知识产权工作组、投融资工作组、开源治理工作组等）、和以企业为主体的多个应用推进组（智能交通推进组、智能医疗推进组、智能金融推进组、智能教育推进组等）作为一个整体进行工作。以"完全开源、完全开放、完全免费、尊重创新"为准则，汇聚学术机构、商业实体、自然人或任何其他法人，共建共享开源软件、开源硬件和开源数据的超级社区；以众智、赛智、创智、有智等工作方法，努力建设成具有国际影响力的人工智能开源开放平台。
</p>
<a class="ui blue button" href="mailto:secretariat@openi.org.cn?subject=申请贡献项目到OpenI&&body=贡献者自我介绍%3A%0D%0A申请理由%3A%0D%0A 项目地址%3A%0D%0A 联系方式%3A">申请贡献项目到OpenI</a>
<a class="ui blue button" href="https://www.openi.org.cn/html/Club/2019/0228/17.html" style="padding-left:5.0rem;padding-right:5.0rem;">加入OpenI社区 <i class="arrow right icon"></i></a>
<div style="margin-top:80px;">
<img src="https://www.openi.org.cn/statics/openi/images/index/mem-logos.png" alt="OpenI前期参与成员" style="width:100%; max-width:1200px;">
</div>
</div>
</div>

</div>
{{template "base/footer" .}}

Write Preview
Loading…
Cancel
Save