You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
173 lines
5.3 KiB
173 lines
5.3 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<title>{{.Title}}</title>
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<meta name="referrer" content="unsafe-url">
|
||
|
|
<meta name="keywords" content="{{.Keywords}}">
|
||
|
|
<meta name="description" content="{{.Description}}">
|
||
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" />
|
||
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" />
|
||
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" />
|
||
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="sub blog-page media-center-branch" x-ms-format-detection="none"
|
||
|
|
data-config="b66gvem6.kpe\0uaxr1n6.ouy">
|
||
|
|
|
||
|
|
<header class="icobalt ilayout" id="HeaderZone">
|
||
|
|
<div class="header v2 full" id="Header" universal_="true" data-showhide="true" data-header="true"
|
||
|
|
data-class-name="menu-open" data-html-class="true" data-phone="">
|
||
|
|
<div class="left-side">
|
||
|
|
<a class="logo-container" href="{{.IndexUrl}}">
|
||
|
|
<div class="holder">
|
||
|
|
<div class="wrapper">
|
||
|
|
<img class="logo-v2" alt="logo"
|
||
|
|
title="logo"
|
||
|
|
src="{{replaceImage .Logo}}">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a href="{{.IndexUrl}}" class="mob-logo"><img
|
||
|
|
alt="logo" title="logo"
|
||
|
|
src="{{replaceImage .Logo}}"></a>
|
||
|
|
</div>
|
||
|
|
<div class="right-side">
|
||
|
|
<div class="nav-bar">
|
||
|
|
<nav class="top-nav">
|
||
|
|
<ul class="desktop-nav el-tab-box" id="TopNavigation" data-role="panel" data-closing="true">
|
||
|
|
<li class="home child0 " aria-label="home" tab-index="0">
|
||
|
|
<a href="{{.IndexUrl}}" target="" aria-label="home">
|
||
|
|
<span>{{ lang "home"}}</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
</li>
|
||
|
|
{{if .HasAbout }}
|
||
|
|
<li class="our-services child25 nav-hover" aria-label="our-services" tab-index="0">
|
||
|
|
<a href="{{.AboutUrl}}" target="" aria-label="our-services">
|
||
|
|
<span>{{ lang "about" }}</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
{{end}}
|
||
|
|
{{if .HasContact }}
|
||
|
|
<li class="about-us child14 nav-hover" aria-label="about-us" tab-index="0">
|
||
|
|
<a href="{{.ContactUrl}}" target="" aria-label="about-us">
|
||
|
|
<span>{{ lang "contact" }}</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
{{end}}
|
||
|
|
{{if .HasPolicy }}
|
||
|
|
<li class="locations child0 " aria-label="locations" tab-index="0">
|
||
|
|
<a href="{{.PolicyUrl}}" target="" aria-label="locations">
|
||
|
|
<span>{{ lang "policy"}}</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
{{end}}
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<main>
|
||
|
|
<div class="column-content main">
|
||
|
|
<section id="content" class="container">
|
||
|
|
<div id="breadcrumb">
|
||
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
|
||
|
|
<a href="#">{{.Title}}</a>
|
||
|
|
</div>
|
||
|
|
<div id="article-head">
|
||
|
|
<h1 id="title">{{.Title}}</h1>
|
||
|
|
<div>
|
||
|
|
<span>{{timeFormat .PublishTime}}</span>
|
||
|
|
<span> / </span>
|
||
|
|
<span>{{.Views}} {{lang "views"}}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="d-lg-flex">
|
||
|
|
<div id="article-container" class="col-lg-12 col-md-24">
|
||
|
|
<article id="article">
|
||
|
|
<img width="100%" src="{{getCover .Article.Pictures}}" />
|
||
|
|
<p class="speakableTextP1">{{.Article.Summary}}</p>
|
||
|
|
{{range .Article.Topics}}
|
||
|
|
<p><strong>{{.Topic}}</strong></p>
|
||
|
|
{{$tlen := len .Pictures}}
|
||
|
|
{{if ne $tlen 0}}
|
||
|
|
{{range .Pictures}}
|
||
|
|
<img width="100%" src="{{replaceImage .}}" />
|
||
|
|
{{end}}
|
||
|
|
{{end}}
|
||
|
|
<p>{{.Content}}</p>
|
||
|
|
{{end}}
|
||
|
|
</article>
|
||
|
|
<!-- article content end -->
|
||
|
|
<div class="article-page">
|
||
|
|
{{ if .Prev }}
|
||
|
|
<div class="hidden-text">
|
||
|
|
<a href="{{.Prev.Url}}">{{lang "prev_article"}}:{{.Prev.Title}}</a>
|
||
|
|
</div>
|
||
|
|
{{ end }}
|
||
|
|
{{ if .Next }}
|
||
|
|
<div class="hidden-text">
|
||
|
|
<a href="{{.Next.Url}}">{{lang "next_article"}}:{{.Next.Title}}</a>
|
||
|
|
</div>
|
||
|
|
{{ end }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<footer class="icobalt ilayout" id="FooterZone">
|
||
|
|
<div class="footer pg-sd-hide" id="Footer" itemscope="">
|
||
|
|
<div class="full">
|
||
|
|
<div class="footer-top">
|
||
|
|
<div class="ft-left">
|
||
|
|
<img itemprop="image" loading="lazy" class="logo"
|
||
|
|
src="{{replaceImage .Logo}}">
|
||
|
|
<nav class="footer-nav">
|
||
|
|
<div id="FooterLinks">
|
||
|
|
<ul>
|
||
|
|
<li><a href="{{.AboutUrl}}">{{lang "about"}}</a></li>
|
||
|
|
<li><a href="{{.ContactUrl}}">{{lang "contact"}}</a>
|
||
|
|
</li>
|
||
|
|
<li><a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
{{$flen := len .Friendship}}
|
||
|
|
{{if ne $flen 0}}
|
||
|
|
<div id="FooterLinks2">
|
||
|
|
<ul>
|
||
|
|
{{range .Friendship}}
|
||
|
|
<li><a href="{{.Url}}">{{.Name}}</a></li>
|
||
|
|
{{end}}
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
{{end}}
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
<div class="ft-right">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="footer-bottom" id="AssociationLogos">
|
||
|
|
|
||
|
|
<div class="footer-disclaimer">
|
||
|
|
<span>{{.Copyright}}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|