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.
185 lines
9.7 KiB
185 lines
9.7 KiB
<!DOCTYPE html>
|
|
<html lang="en-ae" xml:lang="en-ae" class="lang-en-ae site-30">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>{{.Title}}</title>
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/blog-list.css@20220420.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css@v=20220721.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
|
|
</head>
|
|
|
|
<body class="no-viewport">
|
|
<div class="page-content-wrapper">
|
|
|
|
|
|
|
|
<header class="tp-soho-header" id="headerContainer">
|
|
<div class="tp-soho-header-main">
|
|
<div class="tp-container tp-soho-header-container">
|
|
<div class="tp-soho-logo-box">
|
|
<a class="ga-click tp-soho-logo" style="text-indent: 1px;" href="{{.IndexUrl}}"><img style="width: 100%;" src="{{replaceImage .Logo}}" alt=""></a>
|
|
</div>
|
|
<div class="tp-soho-header-box">
|
|
<nav class="tp-soho-nav-box">
|
|
<ul class="tp-soho-nav">
|
|
<li class="tp-soho-nav-li" data-id="for-home">
|
|
<a class="tp-soho-firstmenu ga-click" href="{{.IndexUrl}}">
|
|
<span>{{ lang "home"}}</span>
|
|
</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="tp-soho-nav-li" >
|
|
<a class="tp-soho-firstmenu ga-click" href="{{.AboutUrl}}">
|
|
<span>{{ lang "about"}}</span>
|
|
</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="tp-soho-nav-li" >
|
|
<a class="tp-soho-firstmenu ga-click" href="{{.ContactUrl}}">
|
|
<span>{{ lang "contact"}}</span>
|
|
</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="tp-soho-nav-li" >
|
|
<a class="tp-soho-firstmenu ga-click" href="{{.PolicyUrl}}">
|
|
<span>{{ lang "policy"}}</span>
|
|
</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tp-m-soho-header-main">
|
|
<div class="tp-container-inner tp-m-soho-header-container" style="display: flex;justify-content: center;">
|
|
<div class="tp-soho-logo-box">
|
|
<a class="ga-click tp-soho-logo" style="text-indent: 1px;" href="{{.IndexUrl}}"><img style="width: 100%;" src="{{replaceImage .Logo}}" alt=""></a>
|
|
</div>
|
|
</div>
|
|
<div class="tp-m-soho-search">
|
|
<form class="tp-m-soho-form stop-propagation" action="https://www.tp-link.com/ae/search/"
|
|
method="get" target="_top" data-recommend="Recommended"
|
|
data-vars-event-category="SOHO_Header-SearchRecommend">
|
|
<div class="tp-m-soho-search-inner">
|
|
<div class="tp-container-inner">
|
|
<input class="tp-m-soho-form-input" type="text" name="q" maxlength="100"
|
|
placeholder="Search All" autocomplete="off">
|
|
<input type="hidden" name="t" value="">
|
|
<button type="submit"
|
|
class="tp-m-soho-search-icon tp-m-soho-form-submit">Submit</button>
|
|
<div class="tp-m-soho-form-suggest"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</header>
|
|
<div id="tp-blog" >
|
|
<div class="tp-blog-hot">
|
|
<div class="tp-container">
|
|
<div class="tp-container-inner">
|
|
<div class="tp-blog-container">
|
|
<div class="tp-blog-content">
|
|
<div id="breadcrumb">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a> /
|
|
<a href="#">{{.Title}}</a>
|
|
</div>
|
|
<div id="article-head" style="text-align: center;">
|
|
<h1 id="title">{{.Title}}</h1>
|
|
<div>
|
|
<span>{{timeFormat .PublishTime}}</span>
|
|
<span> / </span>
|
|
<span>{{.Views}} {{lang "views"}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="d-lg-flex" style="justify-content: center;">
|
|
<div id="article-container" class="col-lg-8 col-md-12">
|
|
<!-- 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>
|
|
<footer>
|
|
<div class="tp-footer">
|
|
<div class="tp-container">
|
|
<div class="tp-container-inner">
|
|
<div class="tp-footer-wrap clearfix footer-sub-nav" style="display: flex;justify-content: center;">
|
|
<div class="tp-footer-menu">
|
|
<dl>
|
|
<dd>
|
|
<ul>
|
|
{{if .HasAbout }}
|
|
<li>
|
|
<a class="ga-click"
|
|
href="{{.AboutUrl}}">{{lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li>
|
|
<a class="ga-click"
|
|
href="{{.ContactUrl}}">{{lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li>
|
|
<a class="ga-click"
|
|
href="{{.PolicyUrl}}">{{lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<div class="copyright" style="text-align: center;">{{.Copyright}}</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html> |