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.
220 lines
9.0 KiB
220 lines
9.0 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/theme.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/wd-panelmenu.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/wd-blog-collection.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/wd-footer.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/wd-header.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" />
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
</head>
|
|
|
|
<body class="pageblog">
|
|
<div id="shopify-section-header-template" class="shopify-section">
|
|
<header class="desctop-menu-large">
|
|
|
|
<div class="tt-mobile-header tt-mobile-header-inline tt-mobile-header-inline-stuck disabled">
|
|
<div class="container-fluid wd-search-container">
|
|
<div class="tt-header-row wd-search-row-box">
|
|
<div class="tt-logo-container">
|
|
<a class="tt-logo tt-logo-alignment" href="{{.IndexUrl}}">
|
|
<img src="{{replaceImage .Logo}}" height="48" class="tt-retina">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tt-desktop-header">
|
|
<div class="container">
|
|
<div class="tt-header-holder">
|
|
<div class="tt-obj-logo">
|
|
<a href="{{.IndexUrl}}" class="tt-logo">
|
|
<img
|
|
src="{{replaceImage .Logo}}"
|
|
alt="" class="tt-retina wd-header-logo-pc" height="48"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tt-color-scheme-01 menubackground">
|
|
<div class="container single-menu">
|
|
<div class="tt-header-holder wd-header-third-column-top">
|
|
<div class="tt-obj-menu obj-aligment-center">
|
|
<div class="tt-desctop-parent-menu tt-parent-box wd-header-navigation-parent">
|
|
<div style="width:100%;" class="tt-desctop-menu tt-hover-01">
|
|
<nav>
|
|
<div class="wd-menu-new-all">
|
|
<div class="wd-menu-new-all-box">
|
|
<div class="wd-menu-new-title-content-box">
|
|
<div class="wd-menu-new-title wd-menu-new-title-ro-systems"><a
|
|
href="{{.IndexUrl}}">{{ lang "home"}}</a></div>
|
|
</div>
|
|
{{if .HasAbout }}
|
|
<div class="wd-menu-new-title-content-box">
|
|
<div class="wd-menu-new-title wd-menu-new-title-ro-systems"><a
|
|
href="{{.AboutUrl}}">{{ lang "about" }}</a></div>
|
|
</div>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<div class="wd-menu-new-title-content-box">
|
|
<div class="wd-menu-new-title wd-menu-new-title-ro-systems"><a
|
|
href="{{.ContactUrl}}">{{ lang "contact" }}</a></div>
|
|
</div>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<div class="wd-menu-new-title-content-box">
|
|
<div class="wd-menu-new-title wd-menu-new-title-ro-systems"><a
|
|
href="{{.PolicyUrl}}">{{ lang "policy"}}</a></div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</header>
|
|
</div>
|
|
|
|
<div id="tt-pageContent" class="show_unavailable_variants">
|
|
<div id="shopify-section-blog-template" class="shopify-section">
|
|
<div class="wd-blog-collection-container">
|
|
<div class="wd-blog-collection-content-max-width">
|
|
<section id="content" class="container">
|
|
<div id="breadcrumb">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
|
|
<a href="#">{{.Title}}</a>
|
|
</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-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>
|
|
</section>
|
|
<style>
|
|
#content{
|
|
padding: 120px 0;
|
|
}
|
|
#page-title {
|
|
margin: 15px 0;
|
|
}
|
|
.hidden-text{
|
|
margin: 15px 0;
|
|
}
|
|
.hidden-text a{
|
|
font-size: 16px;
|
|
color:#00549c;
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
|
|
<div class="wd-footer-background-color">
|
|
<div class="wd-footer-content">
|
|
<hr class="wd-footer-top-hr">
|
|
<div class="wd-footer-link-part">
|
|
<div>
|
|
<div class="wd-footer-link-title-pc">
|
|
<p>{{lang "related"}}</p>
|
|
</div>
|
|
<div class="wd-footer-link-title-mobile">
|
|
<p>{{lang "related"}}</p>
|
|
</div>
|
|
<div class="wd-footer-link-content-mobile">
|
|
<div class="wd-footer-link-content"><a
|
|
href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</div>
|
|
<div class="wd-footer-link-content"><a
|
|
href="{{.AboutUrl}}">{{lang "about"}}</a>
|
|
</div>
|
|
<div class="wd-footer-link-content"><a
|
|
href="{{.ContactUrl}}">{{lang "contact"}}</a>
|
|
</div>
|
|
<div class="wd-footer-link-content"><a
|
|
href="{{.PolicyUrl}}">{{lang "policy"}}</a></div>
|
|
</div>
|
|
</div>
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
<div>
|
|
<div class="wd-footer-link-title-pc">
|
|
<p>{{lang "friendship"}}</p>
|
|
</div>
|
|
<div class="wd-footer-link-title-mobile">
|
|
<p>{{lang "friendship"}}</p>
|
|
</div>
|
|
<div class="wd-footer-link-content-mobile">
|
|
{{range .Friendship}}
|
|
<div class="wd-footer-link-content">
|
|
<a href="{{.Url}}">{{.Name}}</a>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<hr class="wd-footer-bottom-hr">
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
|
|
</html> |