aiforge/templates/base/footer_content.tmpl

<footer style="border-top:none;">
	<div class="ui container">
		<div class="ui grid">
			<div class="sixteen wide mobile wide tablet three wide computer column mobile-text-align-center">
				<img style="width:166px;height:66px;margin-top:24px;" src="/img/logo-footer.svg" />
			</div>
			<div class="sixteen wide mobile wide tablet seven wide computer column" style="padding-left:20px;">
				<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>
						<a href="{{AppSubUrl}}/home/term/" class="item">{{.i18n.Tr "custom.foot.agreement"}}</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://git.openi.org.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://git.openi.org.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>
			<style>
				.contacts-qr-code-c {
					margin:2.0rem 0;
					display:flex !important;
					justify-content:flex-end;
				}
			</style>
			<div class="sixteen wide mobile wide tablet six wide computer column contacts-qr-code-c mobile-justify-content-center">
				<div style="text-align:center;">
					<div  style="width:80px;height:80px;display:inline-block;
						background-image: url('https://openi.pcl.ac.cn/zeizei/OpenI_Learning/raw/branch/master/img/official_account_mini.png');
            background-repeat: no-repeat;
            background-attachment: scroll;
						background-position: -2px -2px;
						background-size: 84px 84px;
						background-color: transparent;"           
					></div>
					<p style="margin-top:4px;color:rgb(16, 16, 16);">{{.i18n.Tr "custom.foot.openi_subscription_number"}}</p>
					</div>
				<div style="text-align:center;margin-left:40px;">
					<div  style="width:80px;height:80px;display:inline-block;
						background-image: url('https://openi.pcl.ac.cn/zeizei/OpenI_Learning/raw/branch/master/img/wechatgroup.jpg');
            background-repeat: no-repeat;
            background-attachment: scroll;
						background-position: -7px -25px;
						background-size: 94px 117px;
						background-color: transparent;"           
					></div>
					<p style="margin-top:4px;color:rgb(16, 16, 16);">{{.i18n.Tr "custom.foot.user_communication_group"}}</p>
				</div>
			</div>
		</div>
		<div class="ui grid" style="margin-top:2rem;margin-bottom:2rem;border-top:1px solid #d6d6d6;">
			<div class="sixteen wide mobile sixteen wide tablet wide computer column" style=" margin:1.0rem 0;text-align:center;">
				{{.i18n.Tr "custom.foot.copyright"}} <a href="http://beian.miit.gov.cn/" target="_blank">京ICP备18004880号</a>
				<br>
				{{.i18n.Tr "home.powerdby"}}<a href="https://www.trustie.net/" target="_blank">Trustie确实</a>{{.i18n.Tr "、Gitea"}}
				<br>
			</div>
		</div>
	</div>
	<div class="__go-top" style="display:none;z-index:100;width:44px;height:44px;bottom:50px;right:50px;background:rgba(16, 16, 16, 0.1);position:fixed;cursor:pointer;border-radius:5px;">
		<div style="display:flex;align-items:center;justify-content:center;height:100%;">
			<svg xmlns="http://www.w3.org/2000/svg" class="styles__StyledSVGIconPathComponent-sc-16fsqc8-0 mHEdk svg-icon-path-icon fill" viewBox="0 0 32 32" width="30" height="30"><defs data-reactroot=""></defs><g><path fill="rgba(16, 16, 16, 0.6)" d="M17.333 10.437v16.229h-2.667v-16.229l-7.152 7.152-1.885-1.885 10.371-10.371 10.371 10.371-1.885 1.885-7.152-7.152z"></path></g></svg>
		</div>
	</div>
</footer>