|
|
<!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/css-vars.css"}}" />
|
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/custom.css"}}" />
|
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" />
|
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
|
</head>
|
|
|
|
|
|
<body data-rsssl=1 id="the7-body"
|
|
|
class="page-template-default page page-id-2836 wp-embed-responsive the7-core-ver-2.5.8 dt-responsive-on right-mobile-menu-close-icon ouside-menu-close-icon mobile-hamburger-close-bg-enable mobile-hamburger-close-bg-hover-enable fade-medium-mobile-menu-close-icon fade-medium-menu-close-icon accent-gradient srcset-enabled btn-flat custom-btn-color custom-btn-hover-color phantom-sticky phantom-shadow-decoration phantom-main-logo-on sticky-mobile-header top-header first-switch-logo-left first-switch-menu-right second-switch-logo-left second-switch-menu-right right-mobile-menu layzr-loading-on popup-message-style dt-fa-compatibility the7-ver-10.4.3.1 wpb-js-composer js-comp-ver-6.6.0.1 vc_responsive">
|
|
|
<div id="page">
|
|
|
<div class="masthead inline-header center widgets full-height shadow-decoration shadow-mobile-header-decoration small-mobile-menu-icon show-sub-menu-on-hover show-device-logo show-mobile-logo"
|
|
|
role="banner">
|
|
|
<header class="header-bar">
|
|
|
|
|
|
<div class="branding">
|
|
|
<div id="site-title" class="assistive-text"></div>
|
|
|
<div id="site-description" class="assistive-text"></div>
|
|
|
<a class="same-logo" href="{{.IndexUrl}}"><img class=" preload-me"
|
|
|
src="{{replaceImage .Logo}}"
|
|
|
width="263" height="110" sizes="263px" alt="" /></a>
|
|
|
</div>
|
|
|
|
|
|
<ul id="primary-menu" class="main-nav underline-decoration l-to-r-line outside-item-remove-margin"
|
|
|
role="menubar">
|
|
|
<li
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-2733 first depth-0"
|
|
|
role="presentation"><a href='{{.IndexUrl}}' data-level='1' role="menuitem"><span
|
|
|
class="menu-item-text"><span class="menu-text">{{ lang "home"}}</span></span></a>
|
|
|
</li>
|
|
|
{{if .HasAbout }}
|
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2754 depth-0"
|
|
|
role="presentation"><a href='{{.AboutUrl}}' data-level='1'
|
|
|
role="menuitem"><span class="menu-item-text"><span class="menu-text"> {{ lang "about" }}</span></span></a>
|
|
|
</li>
|
|
|
{{end}}
|
|
|
{{if .HasContact }}
|
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2752 depth-0"
|
|
|
role="presentation"><a href='{{.ContactUrl}}' data-level='1'
|
|
|
role="menuitem"><span class="menu-item-text"><span class="menu-text">{{ lang "contact" }}</span></span></a>
|
|
|
</li>
|
|
|
{{end}}
|
|
|
{{if .HasPolicy }}
|
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3477 depth-0"
|
|
|
role="presentation"><a href='{{.PolicyUrl}}' data-level='1'
|
|
|
role="menuitem"><span class="menu-item-text"><span class="menu-text">{{ lang "policy"}}</span></span></a>
|
|
|
</li>
|
|
|
{{end}}
|
|
|
</ul>
|
|
|
</header>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="page-title title-center solid-bg page-title-responsive-enabled">
|
|
|
<div class="wf-wrap">
|
|
|
|
|
|
<div class="page-title-head hgroup">
|
|
|
<h1>{{.Title}}</h1>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="main" class="sidebar-none sidebar-divider-vertical">
|
|
|
|
|
|
<div class="wf-wrap">
|
|
|
<div class="wf-container-main">
|
|
|
|
|
|
<div id="content" class="content" role="main">
|
|
|
|
|
|
<div class="vc_row wpb_row vc_row-fluid">
|
|
|
<div class="wpb_column vc_column_container vc_col-sm-12">
|
|
|
<div class="vc_column-inner">
|
|
|
<div class="wpb_wrapper">
|
|
|
<div class="dt-shortcode with-isotope">
|
|
|
<div class="wf-container dt-blog-shortcode loading-effect-none iso-container description-under-image content-align-left"
|
|
|
data-padding="20px" data-cur-page="1" data-posts-per-page="10"
|
|
|
data-width="370px" data-columns="3">
|
|
|
<section id="content" class="container">
|
|
|
<div id="article-head">
|
|
|
<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>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<p> </p>
|
|
|
<p> </p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<footer id="footer" class="footer solid-bg">
|
|
|
|
|
|
|
|
|
<div class="wf-wrap">
|
|
|
<div class="wf-container-footer">
|
|
|
<div class="wf-container">
|
|
|
<section id="text-5" class="widget widget_text wf-cell wf-1-3">
|
|
|
<div class="textwidget">
|
|
|
<p><img
|
|
|
src="{{replaceImage .Logo}}" />
|
|
|
</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
<section id="text-4" class="widget widget_text wf-cell wf-1-3">
|
|
|
<div class="widget-title">{{lang "friendship"}}</div>
|
|
|
<div class="textwidget">
|
|
|
{{range .Friendship}}
|
|
|
<p><a href="{{.Url}}">{{.Name}}</a></p>
|
|
|
{{end}}
|
|
|
</div>
|
|
|
</section>
|
|
|
</div><!-- .wf-container -->
|
|
|
</div><!-- .wf-container-footer -->
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div id="bottom-bar" class="logo-left" role="contentinfo">
|
|
|
<div class="wf-wrap">
|
|
|
<div class="wf-container-bottom">
|
|
|
|
|
|
|
|
|
<div class="wf-float-right">
|
|
|
|
|
|
<div class="bottom-text-block">
|
|
|
<p>{{.Copyright}}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</footer>
|
|
|
|
|
|
</div>
|
|
|
</body>
|
|
|
|
|
|
</html> |