feat: resole the fix for the js and css

templates/base/footer.tmpl

@@ -37,7 +37,9 @@
 {{if .RequireTribute}}
 	<script src="{{StaticUrlPrefix}}/vendor/plugins/tribute/tribute.min.js"></script>
 {{end}}
-
+{{if .PageIsHome}}
+	<link rel="stylesheet" href="{{StaticUrlPrefix}}/vendor/plugins/jquery.particleground/jquery.particleground.min.js">
+{{end}}
 	<script src="{{StaticUrlPrefix}}/fomantic/semantic.min.js?v={{MD5 AppVer}}"></script>
 	<script src="{{StaticUrlPrefix}}/js/index.js?v={{MD5 AppVer}}"></script>
 {{template "custom/footer" .}}

templates/custom/header.tmpl

@@ -1,3 +0,0 @@
-<!--新增OpenI样式文件-->
-	<link rel="stylesheet" href="/css/openi.css?v={{MD5 AppVer}}">
-	<script type="text/javascript" src="/js/jquery.particleground.min.js"></script>

web_src/js/index.js

@@ -2405,7 +2405,7 @@ $(document).ready(async () => {
       dictInvalidFileType: $dataset.data('invalid-input-type'),
       dictFileTooBig: $dataset.data('file-too-big'),
       dictRemoveFile: $dataset.data('remove-file'),
-      timeout: 3600000,
+      timeout: 18000000,
       previewTemplate,
       init() {
         this.on('sending', (_file, _xhr, formData) => {

web_src/less/index.less

@@ -18,3 +18,4 @@
 @import "_explore";
 @import "_review";
 @import "_dataset";
+@import "openi";

web_src/less/openi.less

@@ -0,0 +1,218 @@
+.ui .text.yellow a {
+	color: #fbbd08!important
+}
+.ui .text.yellow a:hover {
+	color: #f2711c!important
+}
+
+.following.bar #navbar .brand{
+	padding-left: 0;
+}
+.following.bar .brand .ui.mini.image {
+    width: auto;
+    height: 30px;
+}
+
+.following.bar.dark {
+	background-color: #001F4A;
+}
+.ui.secondary.menu.dark .item{
+	color: #E5FAFF;
+}
+.ui.secondary.menu.dark .item:hover{
+	color: #40A9FF;
+}
+.ui.secondary.menu .active.item{
+	color: #40A9FF;
+	border-bottom: 1px solid #40A9FF;
+	border-radius: 0;
+}
+
+.repository:not(.new), .organization:not(.new), .explore, .dashboard {
+    padding-top: 0px;
+}
+.dashboard .dashboard-navbar, .organization .organization-header, .explore .repos--seach{
+	padding-top:15px;
+	padding-bottom: 15px;
+	padding-left: 0;
+	margin-bottom: 20px;
+	background-color:#f5f5f6 !important;
+	border-bottom: 1px solid rgba(34,36,38,.15);
+}
+.following.bar .text .svg.octicon-triangle-down {
+    color: #3291F8;
+}
+.ui .avatar.image {
+    border-radius: 30px;
+}
+footer {
+    background-color: #f5f5f6;
+	padding-bottom: 1.0rem;
+}
+
+.repository .header-wrapper {
+    background-color: #f5f5f6;
+    margin-top: 0px;
+}
+
+/*moble*/
+.ui.menu:not(.vertical) .item>.button {
+    color: #FFF;
+	box-shadow: 0 0 0 1px rgba(255,255,255,.35) inset;
+}
+/*PC*/
+@media only screen and (min-width: 1200px){
+.following.bar #navbar{
+    min-height: 80px;
+}
+.following.bar #navbar, footer .container {
+	padding: 0 32px;
+}
+}
+
+/*start page*/
+.ui.header.section--header{
+    font-size: 50px;
+    font-weight: 300;
+    text-align: center;
+    margin-bottom: 1.0em;
+}
+.ui.header.section--header .sub.header {
+    font-size: 20px;
+    line-height: 30px;
+    color: #9b9b9b;
+    text-align: center;
+	color: rgba(255,255,255,.6);
+}
+.ui.inverted.segment>.ui.header.section--header .sub.header{
+	color: rgba(255,255,255,.6);
+}
+
+#index-project {
+    background: #002060;
+    color: #FFF;
+    position: relative;
+    padding-top: 3.0em;
+	padding-bottom:2.0em
+}
+#index-project .ui.inverted.segment, #index-project .ui.primary.inverted.segment{
+	background:none;
+}
+.prorow{
+	background: rgba(0,27,81,0.8);
+}
+
+.flip{
+	position:absolute;
+	left:6px;
+	right:6px;
+	top:6px;
+	bottom:6px;
+	border:2px solid #ffc000;
+	border-radius: 12px;
+	transition: transform 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
+	transform: perspective(800px) rotateY(0deg);
+	transform-style: preserve-3d;
+	z-index:5;
+}
+.flip-more{ border-color:#4472c4}
+.flip-blue{ border-color:#00b0f0}
+.flip-green{ border-color:#00b050}
+#index-project .ipros:hover .flip{transform: perspective(800px) rotateY(180deg);}
+
+#index-project .ui.card{
+	margin:0 auto;
+	background:none;
+	border:none;
+	box-shadow:none;
+}
+#index-project .ui.card>.image>img{
+	width:auto;
+	margin:10px auto;
+}
+#index-project .ui.card>.content, #index-project.ui.cards>.card>.content{
+	padding: 0.5em 0.2em;
+}
+.ui.inverted.segment .ui.card>.content>.header, .ui.inverted.segment .ui.cards>.card>.content>.header{
+	color: rgba(255,255,255,.9);
+}
+.ui.inverted.segment .ui.card .meta, .ui.inverted.segment .ui.cards>.card .meta{
+    color: #5b9bd5;
+}
+.ui.inverted.segment .ui.card>.extra, .ui.inverted.segment .ui.cards>.card>.extra {
+	color: rgba(255,255,255,.4);
+}
+
+#particles{ width: 100%; height:100%; position: absolute; top:0; left:0; right:0; bottom:0;}
+
+footer .ui.vertical.text.menu:first-child{ margin-top: 1em}
+footer .ui.vertical.menu .header.item{ background:none}
+footer .column{margin-bottom:0!important; padding-bottom:0!important;}
+/*explore*/
+.explore .ui.secondary.vertical.pointing.menu,
+.explore .ui.secondary.vertical.pointing.menu .item,
+.organization .ui.secondary.vertical.pointing.menu,
+.organization .ui.secondary.vertical.pointing.menu .item{
+	border-right-width: 0;
+}
+.explore .computer.only .ui.secondary.pointing.menu .item{
+	padding-left:0;
+}
+.ui.repository.list .item .ui.header .metas{
+	text-align: right;
+}
+@media only screen and (max-width:768px){
+.explore .repos--seach{
+	margin-bottom:15px;
+}
+.explore .navbar{
+	padding-top: 0px!important;
+    margin-top: -1.5rem!important;
+}
+}
+/*organization*/
+.organization-info{
+	padding-top:15px;
+	margin-bottom:2.5rem;
+}
+.organization-info > .container{
+	overflow: auto;
+    background: url(/img/org_bg.png) no-repeat center center #f5f5f6;
+    padding-top: 30px;
+	padding-bottom:20px;
+    background-size: cover;
+	border-radius: 5px;
+    border: 1px solid #efefef;
+}
+.organization.profile #org-info .ui.header{
+	font-size: 1.71428571rem;
+    margin-bottom: 10px;
+	font-weight: 400;
+}
+.organization.profile #org-avatar {
+    width: 80px;
+    height: 80px;
+	margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 15px;
+    border: solid 5px #FFF;
+}
+.organization.profile #org-info .desc {
+    font-size: 14px;
+    width: 80%;
+    margin: 0 auto 10px;
+    color: #FFF;
+}
+.organization.teams .ui.attached.segment+.ui.attached.header{ margin-top:0}
+@media only screen and (max-width:768px){
+.organization-info{
+	padding-top:0;
+}
+.organization-info > .container{
+	margin-left:0!important;
+	margin-right:0!important;
+}
+}
+.ui.vertical.menu .dropdown.item .menu {
+	left: 50%;
+}