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.
270 lines
10 KiB
270 lines
10 KiB
<!DOCTYPE html>
|
|
<html 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/index.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "css/style.min.css@ver=2.5.3.css"}}" />
|
|
</head>
|
|
|
|
<body itemtype='https://schema.org/Blog' itemscope='itemscope'
|
|
class="blog wp-custom-logo theme-astra woocommerce-no-js ast-desktop ast-separate-container ast-no-sidebar astra-2.5.3 ast-header-custom-item-inside ast-inherit-site-logo-transparent ast-blog-grid-1 ast-blog-layout-2 ast-pagination-default ast-above-mobile-menu-align-inline ast-default-menu-enable ast-default-above-menu-enable ast-default-below-menu-enable ast-full-width-layout ast-inherit-site-logo-sticky astra-addon-2.6.2">
|
|
<div class="hfeed site" id="page">
|
|
<header
|
|
class="site-header header-main-layout-1 ast-primary-menu-enabled ast-menu-toggle-icon ast-mobile-header-inline ast-above-header-mobile-inline ast-below-header-mobile-inline"
|
|
id="masthead" itemtype="https://schema.org/WPHeader" itemscope="itemscope" itemid="#masthead">
|
|
<div class="main-header-bar-wrap">
|
|
<div class="main-header-bar">
|
|
<div class="ast-container">
|
|
|
|
<div class="ast-flex main-header-container">
|
|
|
|
<div class="site-branding">
|
|
<div class="ast-site-identity" itemtype="https://schema.org/Organization"
|
|
itemscope="itemscope">
|
|
<span class="site-logo-img">
|
|
<a href="{{.IndexUrl}}" class="custom-logo-link"><img class="custom-logo"
|
|
src="{{replaceImage .Logo}}" alt="logo" /></a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ast-main-header-bar-alignment">
|
|
<div class="main-header-bar-navigation">
|
|
<nav class="ast-flex-grow-1 navigation-accessibility" id="site-navigation"
|
|
aria-label="Site Navigation" itemtype="https://schema.org/SiteNavigationElement"
|
|
itemscope="itemscope">
|
|
<div class="main-navigation">
|
|
<ul id="primary-menu"
|
|
class="main-header-menu ast-nav-menu ast-flex ast-justify-content-flex-end submenu-with-border ast-mega-menu-enabled">
|
|
<li
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-314">
|
|
<a class="menu-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-314">
|
|
<a class="menu-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-314">
|
|
<a class="menu-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-314">
|
|
<a class="menu-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div><!-- Main Header Container -->
|
|
</div><!-- ast-row -->
|
|
</div> <!-- Main Header Bar -->
|
|
</div> <!-- Main Header Bar Wrap -->
|
|
|
|
|
|
</header><!-- #masthead -->
|
|
|
|
|
|
|
|
|
|
<div id="content" class="site-content">
|
|
|
|
<div class="ast-container">
|
|
|
|
|
|
|
|
<div id="primary" class="content-area primary ast-grid-1">
|
|
|
|
|
|
<main id="main" class="site-main">
|
|
|
|
|
|
<div class="ast-row">
|
|
<div id="breadcrumb">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
|
|
<span>\ {{.Title}}</span>
|
|
</div>
|
|
<div id="article-head">
|
|
<h2 id="title">{{.Title}}</h2>
|
|
<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>
|
|
|
|
</main><!-- #main -->
|
|
|
|
<div class='ast-pagination'></div>
|
|
|
|
</div><!-- #primary -->
|
|
|
|
|
|
|
|
</div> <!-- ast-container -->
|
|
|
|
</div><!-- #content -->
|
|
|
|
|
|
|
|
<footer class="ast-custom-footer" itemscope="itemscope" >
|
|
<div class="astra-advanced-hook-1625">
|
|
<div class="fl-builder-content fl-builder-content-1625 fl-builder-global-templates-locked"
|
|
data-post-id="1625">
|
|
<div class="fl-row fl-row-full-width fl-row-bg-color fl-node-hps2f816ogr9" data-node="hps2f816ogr9">
|
|
<div class="fl-row-content-wrap">
|
|
<div class="fl-row-content fl-row-fixed-width fl-node-content">
|
|
|
|
<div class="fl-col-group fl-node-q9hasl408fgx fl-col-group-custom-width"
|
|
data-node="q9hasl408fgx">
|
|
<div class="fl-col fl-node-nja5e14horxl fl-col-small" data-node="nja5e14horxl">
|
|
|
|
<div class="fl-col-content fl-node-content">
|
|
<div class="fl-module fl-module-uabb-heading fl-node-x87ms6gzdbyl"
|
|
data-node="x87ms6gzdbyl">
|
|
<div class="fl-module-content fl-node-content">
|
|
|
|
<div
|
|
class="uabb-module-content uabb-heading-wrapper uabb-heading-align-left ">
|
|
|
|
|
|
<h2 class="uabb-heading">
|
|
<span class="uabb-heading-text">{{lang "related"}}</span>
|
|
</h2>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="fl-module fl-module-info-list fl-node-z6sqla5jhvon"
|
|
data-node="z6sqla5jhvon">
|
|
<div class="fl-module-content fl-node-content">
|
|
|
|
<div class="uabb-module-content uabb-info-list">
|
|
<ul class="uabb-info-list-wrapper uabb-info-list-left">
|
|
{{if .HasAbout }}
|
|
<li class="uabb-info-list-item info-list-item-dynamic0">
|
|
<div
|
|
class="uabb-info-list-content-wrapper fl-clearfix uabb-info-list-left">
|
|
<a href="{{.AboutUrl}}"
|
|
class="uabb-info-list-link" target="_self"></a>
|
|
<div
|
|
class="uabb-info-list-content uabb-info-list-left info-list-content-dynamic0">
|
|
<h3 class="uabb-info-list-title"></h3>
|
|
<div
|
|
class="uabb-info-list-description uabb-text-editor info-list-description-dynamic0">
|
|
<p><strong>{{lang "about"}}</strong></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="uabb-info-list-item info-list-item-dynamic1">
|
|
<div
|
|
class="uabb-info-list-content-wrapper fl-clearfix uabb-info-list-left">
|
|
<a href="{{.ContactUrl}}"
|
|
class="uabb-info-list-link" target="_self"></a>
|
|
<div
|
|
class="uabb-info-list-content uabb-info-list-left info-list-content-dynamic1">
|
|
<h3 class="uabb-info-list-title"></h3>
|
|
<div
|
|
class="uabb-info-list-description uabb-text-editor info-list-description-dynamic1">
|
|
<p><strong>{{lang "contact"}}</strong></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="uabb-info-list-item info-list-item-dynamic2">
|
|
<div
|
|
class="uabb-info-list-content-wrapper fl-clearfix uabb-info-list-left">
|
|
<a href="{{.PolicyUrl}}"
|
|
class="uabb-info-list-link" target="_self"></a>
|
|
<div
|
|
class="uabb-info-list-content uabb-info-list-left info-list-content-dynamic2">
|
|
<h3 class="uabb-info-list-title"></h3>
|
|
<div
|
|
class="uabb-info-list-description uabb-text-editor info-list-description-dynamic2">
|
|
<p><strong>{{lang "policy"}}</strong></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{{end}}
|
|
<li style="color: #e0e0e0;">{{.Copyright}}</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</div><!-- #page -->
|
|
|
|
</body>
|
|
|
|
</html> |