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.
159 lines
6.5 KiB
159 lines
6.5 KiB
<!DOCTYPE html>
|
|
<html lang="en-US" prefix="og: https://ogp.me/ns#">
|
|
|
|
<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/classic-themes.min.css@ver=1.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "css/style.css@ver=2.1.4.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "css/index.css"}}" />
|
|
</head>
|
|
|
|
<body data-rsssl=1 class="home blog wp-embed-responsive right-sidebar wide elementor-default elementor-kit-1">
|
|
<div id="page" class="hfeed site">
|
|
<header id="masthead" class="site-header clearfix ">
|
|
<div id="header-text-nav-container" class="clearfix">
|
|
|
|
<div class="inner-wrap">
|
|
<div id="header-text-nav-wrap" class="clearfix">
|
|
|
|
<div id="header-left-section">
|
|
<div id="header-logo-image">
|
|
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
|
|
</div><!-- #header-logo-image -->
|
|
</div><!-- #header-left-section -->
|
|
</div><!-- #header-text-nav-wrap -->
|
|
</div><!-- .inner-wrap -->
|
|
|
|
|
|
<nav id="site-navigation" class="main-navigation clearfix" role="navigation">
|
|
<div class="inner-wrap clearfix">
|
|
<div class="menu-primary-container">
|
|
<ul id="menu-main-menu" class="menu">
|
|
<li
|
|
class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_ite">
|
|
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="menu-item menu-item-type-custom menu-item-object-custom current_page_ite">
|
|
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="menu-item menu-item-type-custom menu-item-object-custom current_page_ite">
|
|
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="menu-item menu-item-type-custom menu-item-object-custom current_page_ite">
|
|
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</div><!-- #header-text-nav-container -->
|
|
</header><!-- #masthead -->
|
|
<div id="main" class="clearfix">
|
|
<div class="inner-wrap clearfix">
|
|
|
|
<div class="main-content-section clearfix">
|
|
<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>
|
|
|
|
</div><!-- .inner-wrap -->
|
|
</div><!-- #main -->
|
|
<footer id="colophon" class="clearfix ">
|
|
<div class="footer-socket-wrapper clearfix">
|
|
<div class="inner-wrap">
|
|
<div class="footer-socket-area">
|
|
|
|
<div class="footer-socket-right-section">
|
|
</div>
|
|
|
|
<div class="footer-socket-left-section">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
<div class="copyright">{{.Copyright}}</div>
|
|
</div>
|
|
</div><!-- .footer-socket-area -->
|
|
</div><!-- .inner-wrap -->
|
|
</div><!-- .footer-socket-wrapper -->
|
|
</footer><!-- #colophon -->
|
|
<a href="index.html#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a>
|
|
</div><!-- #page -->
|
|
|
|
</body>
|
|
|
|
</html> |