aiforge/templates/base/footer_content_fluid.tmpl

<footer>
	<div class="ui fluid container" style="padding: 0px 10px;">
		<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">{{.i18n.Tr "custom.head.community"}}</div>
						<a href="https://openi.org.cn/html/Club/2019/0227/14.html" class="item">{{.i18n.Tr "custom.foot.council"}}</a>
						<a href="https://openi.org.cn/html/Club/2019/0227/14.html" class="item">{{.i18n.Tr "custom.foot.technical_committee"}}</a>
						<a href="https://openi.org.cn/html/Club/2019/0228/17.html" class="item">{{.i18n.Tr "custom.foot.join"}}</a>
					</div>
					<div class="column ui vertical text menu">
						<div class="header item">{{.i18n.Tr "custom.foot.news"}}</div>
						<a href="https://openi.org.cn/html/news/dongtai/" class="item">{{.i18n.Tr "custom.foot.community_news"}}</a>
						<a href="https://openi.org.cn/html/news/huodong/" class="item">{{.i18n.Tr "custom.foot.member_news"}}</a>
						<a href="https://openi.org.cn/html/news/zixun/" class="item">{{.i18n.Tr "custom.foot.industry_advisory"}}</a>
					</div>
					<div class="column ui vertical text menu">
						<div class="header item">{{.i18n.Tr "custom.foot.help"}}</div>
						<div class="ui language bottom floating slide up dropdown link item">
							<i class="globe icon"></i>
							<div class="text">{{.LangName}}</div>
							<div class="menu">
								{{range .AllLangs}}
									<!--<a lang="{{.Lang}}" class="item {{if eq $.Lang .Lang}}active selected{{end}}" href="{{if eq $.Lang .Lang}}#{{else}}{{$.Link}}?lang={{.Lang}}{{end}}">{{.Name}}</a>-->									
									<a lang="{{.Lang}}" class="item {{if eq $.Lang .Lang}}active selected{{end}}" href="javascript:;" olang="{{$.Lang}}" lang="{{.Lang}}" >{{.Name}}</a>
								{{end}}
							</div>
						</div>
						<script>
						;(function() {
							document.addEventListener('DOMContentLoaded', function() {
								$('.ui.language .menu .item').on('click', function() {
									var lang = $(this).attr('lang');
									var oLang = $(this).attr('olang');
									if (oLang === lang) return;
									var origin = window.location.origin;
									var pathname = window.location.pathname;
									var search = window.location.search;
									var hash = window.location.hash;
									var oHref = window.location.href;
									var urlSearchParams = new URLSearchParams(search);
									urlSearchParams.set('lang', lang);
									window.location.href = origin + pathname + '?' + urlSearchParams.toString() + hash;
								});
							});
						})();
						</script>
						<a href="https://openi.pcl.ac.cn/zeizei/OpenI_Learning" class="item" target="_blank"><i class="compass icon"></i> {{.i18n.Tr "custom.Platform_Tutorial"}} </a>
						{{if .EnableSwagger}}<a href="/api/swagger" class="item"><i class="plug icon" ></i> API</a>{{end}}
						{{if .IsSigned}}
							<a href="https://openi.pcl.ac.cn/zeizei/OpenI_Learning/issues/new" class="item" target="_blank"><i class="envelope icon"></i> {{.i18n.Tr "custom.foot.advice_feedback"}}</a>
						{{else}}
							<a href="{{AppSubUrl}}/user/login" class="item"><i class="envelope icon"></i> {{.i18n.Tr "custom.foot.advice_feedback"}}</a>
						{{end}}
						<a href="{{AppSubUrl}}/resource_desc" class="item" target="_blank"><i class="server icon"></i> {{.i18n.Tr "custom.resource_description"}}</a>
						{{template "custom/extra_links_footer" .}}
					</div>
				</div>
			</div>
			<div class="sixteen wide mobile eight wide tablet eight wide computer column" style=" margin:2.0rem 0">
				{{.i18n.Tr "custom.foot.copyright"}} <a href="http://beian.miit.gov.cn/" target="_blank">京ICP备18004880号</a>
				<br>
				{{.i18n.Tr "Powered_by 鹏城实验室云脑、"}}<a href="https://www.trustie.net/" target="_blank">Trustie确实</a>{{.i18n.Tr "、gitea"}}
				<br>
			</div>
		</div>
	</div>
</footer>