修改推荐组织样式

templates/explore/organizations.tmpl

@@ -4,72 +4,99 @@
 <script src="/swiper/swiper-bundle.min.js"></script>
 <script src="/self/js/jquery.min.js" type="text/javascript"></script>
 
+<style>
+	.re_con{
+		color: rgba(136, 136, 136, 100);
+		font-size: 14px;
+		text-align: center;
+		font-family: SourceHanSansSC-light;
+	}
+	.title_re{
+       margin-top: 50px !important;
+	}
+</style>
 
 {{template "base/head" .}}
 <div class="explore users">
 	{{template "explore/search" .}}
+	<div class="ui container homeorg">
+		<div class="ui center aligned  header">
+			<h1 class="title_re">
+				推荐组织
+			</h1>
+			<p class="re_con">这些优秀的组织正在使用启智AI开发协作平台；你的组织也想展示到这里，<a href="{{.RecommendURL}}"> 点此提交</a></p>
+		</div>
 
-	<div class="ui container">
-		<div class="ui grid">
-			<div class="ui container homeorg">
-				<div class="ui stackable grid">
-					<!-- <div class="sixteen wide tablet four wide computer column homeorg-tit">
-						<h2>推荐组织</h2>
-						<p><span class="ui text grey">{{$.page_recommend_org_desc}}&nbsp;</span><a href="{{.RecommendURL}}">{{$.page_recommend_org_commit}}</a></p>
-						<a href="{{AppSubUrl}}/explore/organizations" class="circular ui primary basic button">{{$.page_recommend_org_more}} <i class="arrow circle right icon"></i></a>
-					</div> -->
-					<div class="sixteen wide tablet twelve wide computer column">
-						<div class="homeorg-list" >
-							<div class="swiper-wrapper" id="recommendorg">
-								{{range .RecommendOrgs}}
-									<div class="swiper-slide">
-										<a href="{{.HomeLink}}" class= "ui fluid card">
-											<div class="content">
-												<div class= "ui small header">
-													<img class="ui image" src="{{.Avatar}}" >
-													<div class="content nowrap">
-														<span class="ui blue"> {{.Name}} </span>  {{.FullName}}
-														<div class="sub header"> 
-															<span>
-																{{.NumRepos}}
-																{{if le .NumRepos 1}}
-																	{{$.i18n.Tr "org.org_repository"}}
-																{{else}}
-																	{{$.i18n.Tr "org.org_repositories"}}
-																{{end}}
-															</span>
-															. <span>
-																{{.NumMembers}}
-																{{if le .NumRepos 1}}
-																	{{$.i18n.Tr "org.org_member"}}
-																{{else}}
-																	{{$.i18n.Tr "org.org_members"}}
-																{{end}}
-															</span>
-															.<span>
-																{{.NumTeams}}
-																{{if le .NumRepos 1}}
-																	{{$.i18n.Tr "org.org_team"}}
-																{{else}}
-																	{{$.i18n.Tr "org.org_teams"}}
-																{{end}} 
-															</span>
-														</div>
-													</div>
-												</div>
+		<div class="sixteen wide tablet sixteen wide computer column">
+			<div class="homeorg-list" >
+				<div class="swiper-wrapper" id="recommendorg" style="height:auto">
+					{{range .RecommendOrgs}}
+						<div class="swiper-slide">
+							<a href="{{.HomeLink}}" class= "ui fluid card">
+								<div class="content">
+									<div class= "ui small header">
+										<img class="ui image" src="{{.Avatar}}" >
+										<div class="content nowrap">
+											<span class="ui blue"> {{.Name}} </span>  {{.FullName}}
+											<div class="sub header"> 
+												<span>
+													{{.NumRepos}}
+													{{if le .NumRepos 1}}
+														{{$.i18n.Tr "org.org_repository"}}
+													{{else}}
+														{{$.i18n.Tr "org.org_repositories"}}
+													{{end}}
+												</span>
+												. <span>
+													{{.NumMembers}}
+													{{if le .NumRepos 1}}
+														{{$.i18n.Tr "org.org_member"}}
+													{{else}}
+														{{$.i18n.Tr "org.org_members"}}
+													{{end}}
+												</span>
+												.<span>
+													{{.NumTeams}}
+													{{if le .NumRepos 1}}
+														{{$.i18n.Tr "org.org_team"}}
+													{{else}}
+														{{$.i18n.Tr "org.org_teams"}}
+													{{end}} 
+												</span>
 											</div>
-										</a>
+										</div>
 									</div>
-								{{end}}
-							</div>
-							<div class="swiper-pagination"></div>
-							
+								</div>
+							</a>
 						</div>
-					</div>
+					{{end}}
 				</div>
+				<div class="swiper-pagination"></div>
+				
+			</div>
+		</div>
+	</div>
+    <div  class="ui container homeorg">
+		<div class="ui grid">
+			<div class="sixteen wide mobile ten wide tablet five wide computer column" style="margin-right: 10px;">
 				
-				<div class="leftline01"></div>
+fdf
 			</div>
+			<div class="sixteen wide mobile ten wide tablet five wide computer column">
+fdfd 
+
+			</div>
+			<div class="sixteen wide mobile ten wide tablet five wide computer column" style="margin-left:10px">
+dfgfg
+
+			</div>
+		</div>
+
+	</div>
+
+	<div class="ui container">
+		<div class="ui grid">
+			
 
 			{{template "explore/navbar" .}}
 			<div class="sixteen wide mobile ten wide tablet ten wide computer column">
@@ -140,7 +167,7 @@
 window.onload = function() {
 	var swiperOrg = new Swiper(".homeorg-list", {
 		slidesPerView: 1,
-		slidesPerColumn: 4,
+		slidesPerColumn: 3,
 		slidesPerColumnFill:'row',
 		spaceBetween: 15,
 		pagination: {
@@ -153,10 +180,10 @@ window.onload = function() {
 		},
 		breakpoints: {
 			768: {
-				slidesPerView: 2,
+				slidesPerView: 3,
 			},
 			1024: {
-				slidesPerView: 3,
+				slidesPerView: 4,
 			},
     	},