aiforge/templates/explore/repo_list.tmpl

<style>
    .ui.repository.list>.item{
        position: relative;
        border: 1px solid #E1E3E6;
        border-radius: 0.8rem;
        margin-bottom: 1.0rem;
        padding: 1.0rem !important;
    }                           
    .ui.repository.list>.item .header {
		font-size: 1.4rem !important;
        font-weight: 200;
    }
    .ui.list>.item>.content{
        margin-left: 36px;
    }
    .ui.list .list>.item>img.image+.content, .ui.list>.item>img.image+.content{
        width:calc(100% - 30px);
        margin-left: 0;
    }
    .ui.repository.list>.item::before{
        position: absolute;
        left: 0;
        right: 0;
        content: "";
        height: 1px;
        background-color: #E1E3E6;
        bottom: 2.8rem;                                
    }
	.repository .ui.mini.menu{
		font-size: .6rem;
	}
    .repository .ui.right.compact .item{
        padding-top: 0;
        padding-bottom: 0;
    }
	.ui.repository.list .item .time {
		margin-top: 1.5rem;
	}
</style>

<div class="ui secondary pointing tabular top attached borderless menu navbar">
	<a class="active item" href="https://git.openi.org.cn/explore/repos?sort=moststars&q=&tab=">
		<svg class="svg octicon-repo" width="16" height="16" aria-hidden="true">
			<use xlink:href="#octicon-repo" />
		</svg> 
		热门{{.i18n.Tr "explore.repos"}}
	</a>
	<a class=" item" href="https://git.openi.org.cn/explore/repos?sort=mostforks&q=&tab=">
		<svg class="svg octicon-inbox" width="16" height="16" aria-hidden="true">
			<use xlink:href="#octicon-inbox" />
		</svg> 
		活跃{{.i18n.Tr "explore.repos"}}
	</a>

	<a class="{{if eq .SortType "newest"}}active{{end}} item" href="{{$.Link}}?sort=recentupdate&q={{$.Keyword}}&tab={{$.TabName}}">
		<svg class="svg octicon-organization" width="16" height="16" aria-hidden="true">
			<use xlink:href="#octicon-organization" />
		</svg> {{.i18n.Tr "repo.issues.filter_sort.recentupdate"}}
	</a>

	<div class="ui right floated secondary filter menu">
		<!-- Sort -->
		<div class="ui right dropdown type jump item">
			<span class="text">
				{{.i18n.Tr "repo.issues.filter_sort"}}
					<i class="dropdown icon"></i>
			</span>
			<div class="menu">
				<a class="{{if eq .SortType "newest"}}active{{end}} item" href="{{$.Link}}?sort=newest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.latest"}}</a>
				<a class="{{if eq .SortType "oldest"}}active{{end}} item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.oldest"}}</a>
				<a class="{{if eq .SortType "alphabetically"}}active{{end}} item" href="{{$.Link}}?sort=alphabetically&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.label.filter_sort.alphabetically"}}</a>
				<a class="{{if eq .SortType "reversealphabetically"}}active{{end}} item" href="{{$.Link}}?sort=reversealphabetically&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.label.filter_sort.reverse_alphabetically"}}</a>
				<a class="{{if eq .SortType "recentupdate"}}active{{end}} item" href="{{$.Link}}?sort=recentupdate&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.recentupdate"}}</a>
				<a class="{{if eq .SortType "leastupdate"}}active{{end}} item" href="{{$.Link}}?sort=leastupdate&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.leastupdate"}}</a>
				<a class="{{if eq .SortType "moststars"}}active{{end}} item" href="{{$.Link}}?sort=moststars&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.moststars"}}</a>
				<a class="{{if eq .SortType "feweststars"}}active{{end}} item" href="{{$.Link}}?sort=feweststars&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.feweststars"}}</a>
				<a class="{{if eq .SortType "mostforks"}}active{{end}} item" href="{{$.Link}}?sort=mostforks&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.mostforks"}}</a>
				<a class="{{if eq .SortType "fewestforks"}}active{{end}} item" href="{{$.Link}}?sort=fewestforks&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.fewestforks"}}</a>
			</div>
		</div>
	</div>
</div>

<div class="ui repository list">
	{{range .Repos}}
		<div class="item">
			{{if .RelAvatarLink}}
				<img class="ui avatar image" src="{{.RelAvatarLink}}">
			{{end}}
			<div class="content">
				<div class="ui header">
					<a class="name" href="{{.Link}}">
						{{if or $.PageIsExplore $.PageIsProfileStarList }}{{if .Owner}}{{.Owner.Name}} <span>/</span> {{end}}{{end}}<strong>{{.Name}}</strong>
						{{if .IsArchived}}<i class="archive icon archived-icon"></i>{{end}}
					</a>
					{{if .IsPrivate}}
						<span class="middle text gold">{{svg "octicon-lock" 16}}</span>
					{{else if .IsFork}}
						<span class="middle">{{svg "octicon-repo-forked" 16}}</span>
					{{else if .IsMirror}}
						<span class="middle">{{svg "octicon-repo-clone" 16}}</span>
					{{else if .Owner}}
						{{if .Owner.Visibility.IsPrivate}}
						<span class="text gold">{{svg "octicon-lock" 16}}</span>
						{{end}}
					{{end}}
					
					<div class="ui mini right compact menu">
						<a class="item">
							{{svg "octicon-eye" 16}} {{.NumWatches}}
						</a>
						<a class="item">
							{{svg "octicon-star" 16}} {{.NumStars}}
						</a>
						<a class="item">
							{{svg "octicon-git-branch" 16}} {{.NumForks}}
						</a>
					</div>
				</div>
				<div class="description">
					{{if .DescriptionHTML}}<p class="has-emoji">{{.DescriptionHTML}}</p>{{end}}
					{{if .Topics }}
						<div class="ui tags">
						{{range .Topics}}
							{{if ne . "" }}<a href="{{AppSubUrl}}/explore/repos?q={{.}}&topic=1"><div class="ui small label topic">{{.}}</div></a>{{end}}
						{{end}}
						</div>
					{{end}}
					<p class="time">
						{{$.i18n.Tr "org.repo_updated"}} {{TimeSinceUnix .UpdatedUnix $.i18n.Lang}}
						{{if .PrimaryLanguage }}
						<span class="text grey"><i class="color-icon" style="background-color: {{.PrimaryLanguage.Color}}"></i>{{ .PrimaryLanguage.Language }}</span>
						{{end}}
					</p>
				</div>
			</div>
		</div>
	{{else}}
	<div>
		{{$.i18n.Tr "explore.repo_no_results"}}
	</div>
	{{end}}
</div>