feat: improve the js

custom/public/css/openi.css

@@ -1,218 +0,0 @@
-.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%;
-}