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.
255 lines
12 KiB
255 lines
12 KiB
<!Doctype html>
|
|
|
|
<html class="no-js" lang="en-us">
|
|
|
|
<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/bootstrap.min.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "css/style_Aug2021.min.css"}}" />
|
|
</head>
|
|
|
|
<body class="hm hs-blog-id-668526137 hs-blog-listing hs-content-path-blog hs-blog-name-sup-blog">
|
|
<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 " data-widget-type="custom_widget" data-x="0"
|
|
data-w="12">
|
|
<div id="hs_cos_wrapper_module_1636463304863135"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget"
|
|
data-hs-cos-type="module">
|
|
|
|
<div class="wrapper-header ">
|
|
<div class="container">
|
|
<div class="dis-flex vbottom">
|
|
<div class="logo">
|
|
<span id="hs_cos_wrapper_module_1636463304863135_"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo"
|
|
data-hs-cos-general-type="widget" data-hs-cos-type="logo">
|
|
<a href="{{.IndexUrl}}" style="border-width:0px;border:0px;"><img
|
|
src="{{replaceImage .Logo}}" class="hs-image-widget "
|
|
style="width:400px;border-width:0px;border:0px;margin-top: 10px;" width="400" alt="logo" /></a>
|
|
</span>
|
|
</div>
|
|
<div class="menupart">
|
|
<div class="menupart-two menu">
|
|
<div class="custom-menu-primary">
|
|
<span id="hs_cos_wrapper_module_1636463304863135_"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu"
|
|
data-hs-cos-general-type="widget" data-hs-cos-type="menu">
|
|
<div id="hs_menu_wrapper_module_1636463304863135_"
|
|
class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation"
|
|
data-sitemap-name="default" data-menu-id="52572589403" aria-label="Navigation Menu">
|
|
<ul role="menu" class="active-branch">
|
|
<li class="hs-menu-item hs-menu-depth-1">
|
|
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="hs-menu-item hs-menu-depth-1">
|
|
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="hs-menu-item hs-menu-depth-1">
|
|
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="hs-menu-item hs-menu-depth-1">
|
|
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!--end widget-span -->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
<!--end row-wrapper -->
|
|
|
|
</div>
|
|
<!--end header -->
|
|
</div>
|
|
<!--end header wrapper -->
|
|
|
|
<div class="body-container-wrapper">
|
|
<div class="body-container container-fluid">
|
|
<div class="row-fluid-wrapper row-depth-1 row-number-2 ">
|
|
<div class="row-fluid ">
|
|
<div class="span12 widget-span widget-type-cell " data-widget-type="cell" data-x="0" data-w="12">
|
|
|
|
<div class="row-fluid-wrapper row-depth-1 row-number-3 ">
|
|
<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_151388194052436"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-blog_content"
|
|
data-hs-cos-general-type="widget" data-hs-cos-type="module">
|
|
<div class="blog-section Blognewdesign new-blog" style="margin: 40px 0;">
|
|
<div class="container">
|
|
<div id="breadcrumb">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
|
|
<span>\ {{.Title}}</span>
|
|
</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-12" style="padding: 0 20px;">
|
|
<!-- 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%" style="padding: 0 20px;" 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>
|
|
<!--end widget-span -->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
<!--end row-wrapper -->
|
|
|
|
</div>
|
|
<!--end widget-span -->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
<!--end row-wrapper -->
|
|
|
|
</div>
|
|
<!--end body -->
|
|
</div>
|
|
<!--end body wrapper -->
|
|
|
|
<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_1636463307623137"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget"
|
|
data-hs-cos-type="module">
|
|
<div class="footer-sec">
|
|
<div class="container">
|
|
<div class="footer-logo">
|
|
<span id="hs_cos_wrapper_module_1636463307623137_"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo"
|
|
data-hs-cos-general-type="widget" data-hs-cos-type="logo">
|
|
<a href="{{.IndexUrl}}" style="border-width:0px;border:0px;margin-top: 10px;"><img
|
|
src="{{replaceImage .Logo}}" class="hs-image-widget "
|
|
style="width:400px;border-width:0px;border:0px;" width="400" alt="logo" /></a>
|
|
</span>
|
|
</div>
|
|
<div class="footer-bottom dis-flex vmiddle">
|
|
<div class="footer-menus">
|
|
<span id="hs_cos_wrapper_module_1636463307623137_"
|
|
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu"
|
|
data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
|
|
<div id="hs_menu_wrapper_module_1636463307623137_"
|
|
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" class="active-branch">
|
|
{{if .HasAbout }}
|
|
<li class="hs-menu-item hs-menu-depth-1">
|
|
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="hs-menu-item hs-menu-depth-1">
|
|
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="hs-menu-item hs-menu-depth-1">
|
|
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bcont">
|
|
<div class="f-container">
|
|
<div class="dis-flex vbottom">
|
|
<div class="h-width foot-conts">
|
|
<p>{{.Copyright}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!--end widget-span -->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
<!--end row-wrapper -->
|
|
|
|
</div>
|
|
<!--end footer -->
|
|
</div>
|
|
<!--end footer wrapper -->
|
|
|
|
</body>
|
|
|
|
</html> |