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.
327 lines
25 KiB
327 lines
25 KiB
<!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/layout.min.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/module.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.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="hs-content-id-74962575922 hs-blog-post hs-blog-id-38935378737">
|
|
<div class="header-container-wrapper">
|
|
<div class="header-container container-fluid">
|
|
<div class="row-fluid-wrapper row-depth-1 row-number-1 ">
|
|
<div class="row-fluid ">
|
|
<div class="span12 widget-span widget-type-custom_widget " style=""
|
|
data-widget-type="custom_widget" data-x="0" data-w="12">
|
|
<div id="hs_cos_wrapper_module_165943682032887"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module">
|
|
<header class="main-nav">
|
|
<div class="main-nav-primary">
|
|
<div class="page-center" style="font-size:0;">
|
|
<div class="main-nav-primary-inner">
|
|
<div class="nav-logo">
|
|
<span id="hs_cos_wrapper_module_165943682032887_"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo"
|
|
style="" data-hs-cos-general-type="widget"
|
|
data-hs-cos-type="logo"><a href="{{.IndexUrl}}"
|
|
id="hs-link-module_165943682032887_"
|
|
style="border-width:0px;border:0px;"><img
|
|
src="{{replaceImage .Logo}}" class="hs-image-widget "
|
|
style="width:82px;border-width:0px;border:0px;"
|
|
width="82" alt="logo" title="logo"></a></span>
|
|
</div>
|
|
<div class="nav-primary tier1">
|
|
<nav class="nav-primary-wrap">
|
|
<span id="hs_cos_wrapper_module_165943682032887_"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu">
|
|
<div id="hs_menu_wrapper_module_165943682032887_"
|
|
class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal"
|
|
role="navigation" data-sitemap-name="default"
|
|
data-menu-id="38726072863" aria-label="Navigation Menu">
|
|
<ul role="menu" class="active-branch">
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.IndexUrl}}"
|
|
role="menuitem">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.AboutUrl}}"
|
|
role="menuitem">{{ lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.ContactUrl}}"
|
|
role="menuitem">{{ lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.PolicyUrl}}"
|
|
role="menuitem">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</span>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="body-container-wrapper">
|
|
<div class="body-container container-fluid">
|
|
<div class="row-fluid-wrapper row-depth-1 row-number-7 ">
|
|
<div class="row-fluid ">
|
|
<div class="span12 widget-span widget-type-custom_widget " style=""
|
|
data-widget-type="custom_widget" data-x="0" data-w="12">
|
|
<div id="hs_cos_wrapper_module_160818064160524"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=""
|
|
data-hs-cos-general-type="widget" data-hs-cos-type="module">
|
|
<div class="similar-post-outer-wrapper" style="background-color:#ffffff;">
|
|
<div class="page-center">
|
|
<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 content start -->
|
|
<!-- span class="link"
|
|
section="shortcodeLink"><a
|
|
href="/tech/mobile/the-next-iphone-moment-will-arrive-eventually-hurry-up-already/">the
|
|
iPhone</a></span> -->
|
|
<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>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-container-wrapper">
|
|
<div class="footer-container container-fluid">
|
|
<div class="row-fluid-wrapper row-depth-1 row-number-1 ">
|
|
<div class="row-fluid ">
|
|
<div class="span12 widget-span widget-type-custom_widget " data-widget-type="custom_widget"
|
|
data-x="0" data-w="12">
|
|
<div id="hs_cos_wrapper_module_1659436850218100"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
|
|
data-hs-cos-general-type="widget" data-hs-cos-type="module">
|
|
<footer class="footer-wrap">
|
|
|
|
<div class="section bg-blackgrey new-footer">
|
|
<div class="page-center">
|
|
<div class="footer-menus">
|
|
<div class="row-fluid">
|
|
|
|
<div class="span3 tv-span12 widget-span footer-column">
|
|
<div class="footer-accordion">
|
|
<div class="footer-accordion-title">
|
|
<h3 class="title5 c-white">{{lang "related"}}</h3>
|
|
<div class="footer-accordion-toggle bg-sc4 open"></div>
|
|
<div class="footer-accordion-toggle bg-sc4 close"></div>
|
|
</div>
|
|
<div class="footer-accordion-content">
|
|
|
|
<div class="footer-menu-cluster-item">
|
|
|
|
<span id="hs_cos_wrapper_module_1659436850218100_"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu"
|
|
style="" data-hs-cos-general-type="widget"
|
|
data-hs-cos-type="simple_menu">
|
|
<div id="hs_menu_wrapper_module_1659436850218100_"
|
|
class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal"
|
|
role="navigation" data-sitemap-name=""
|
|
data-menu-id=""
|
|
aria-label="Navigation Menu">
|
|
<ul role="menu">
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.IndexUrl}}"
|
|
role="menuitem"
|
|
target="_self">{{lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.AboutUrl}}"
|
|
role="menuitem"
|
|
target="_self">{{lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a
|
|
href="{{.ContactUrl}}"
|
|
role="menuitem"
|
|
target="_self">{{lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.PolicyUrl}}"
|
|
role="menuitem"
|
|
target="_self">{{lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
<div class="span3 tv-span12 widget-span footer-column">
|
|
<div class="footer-accordion">
|
|
<div class="footer-accordion-title">
|
|
<h3 class="title5 c-white">{{lang "friendship"}}</h3>
|
|
<div class="footer-accordion-toggle bg-sc4 open"></div>
|
|
<div class="footer-accordion-toggle bg-sc4 close"></div>
|
|
</div>
|
|
<div class="footer-accordion-content">
|
|
|
|
<div class="footer-menu-cluster-item">
|
|
|
|
<span id="hs_cos_wrapper_module_1659436850218100_"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu">
|
|
<div id="hs_menu_wrapper_module_1659436850218100_"
|
|
class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal"
|
|
role="navigation" data-sitemap-name=""
|
|
data-menu-id=""
|
|
aria-label="Navigation Menu">
|
|
<ul role="menu">
|
|
{{range .Friendship}}
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.Url}}"
|
|
role="menuitem"
|
|
target="_self">{{.Name}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="colophon">
|
|
<div class="page-center">
|
|
<div class="colophon-content">
|
|
<div class="colophon-left">
|
|
<div class="colophon-menu small-paragraph">
|
|
<span id="hs_cos_wrapper_module_1659436850218100_"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu"
|
|
style="" data-hs-cos-general-type="widget"
|
|
data-hs-cos-type="simple_menu">
|
|
<div id="hs_menu_wrapper_module_1659436850218100_"
|
|
class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal"
|
|
role="navigation" data-sitemap-name=""
|
|
data-menu-id="" aria-label="Navigation Menu">
|
|
<ul role="menu">
|
|
{{if .HasAbout }}
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.AboutUrl}}"
|
|
role="menuitem"
|
|
target="_self">{{lang "about"}}</a></li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.ContactUrl}}"
|
|
role="menuitem"
|
|
target="_self">{{lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="hs-menu-item hs-menu-depth-1"
|
|
role="none"><a href="{{.PolicyUrl}}"
|
|
role="menuitem"
|
|
target="_self">{{lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div class="copyright small-paragraph c-white">
|
|
{{.Copyright}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |