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.
170 lines
6.6 KiB
170 lines
6.6 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/index.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" />
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
</head>
|
|
|
|
<body class=" template-blog show-borders">
|
|
<div class="page">
|
|
<div id="shopify-section-header" class="shopify-section header__outer-wrapper">
|
|
<header data-section-id="header" data-section-type="header" class="
|
|
header header--inline header--left header--has-logo header--has-accounts" style="
|
|
--width-max-logo: 100px;
|
|
--color-text-transparent: #ffffff;
|
|
--color-icon-transparent: #ffffff;
|
|
--color-border-transparent: rgba(255, 255, 255, 0.5);">
|
|
<h1 class="header__logo ff-heading fs-heading-base">
|
|
<a class="header__logo-link" href="{{.IndexUrl}}">
|
|
<div class="image image--21939166609563 image--responsive regular-logo"
|
|
style="padding-top: 80.20565552699229%">
|
|
<img class="image__img lazyload lazypreload "
|
|
src="{{replaceImage .Logo}}" alt="" style="height: auto;">
|
|
</div>
|
|
</a>
|
|
</h1>
|
|
<div class="header__links" data-navigation>
|
|
<ul class="header__links-list fs-body-base">
|
|
<li>
|
|
<a href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{.AboutUrl}}" class="active">{{ lang "about" }}</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
|
|
<div id="shopify-section-blog--template" class="shopify-section">
|
|
<section class="blog s-inline-section" data-section-id="blog--template" data-section-type="blog">
|
|
<div class="blog__header">
|
|
<h1 class="blog__heading ff-heading fs-heading-base c-heading">
|
|
{{.Title}}
|
|
</h1>
|
|
</div>
|
|
<section id="content" class="container" style="max-width: 1250px;margin: 0 auto;">
|
|
<div id="article-head">
|
|
<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" style="margin:15px 0;">
|
|
<a href="{{.Prev.Url}}">{{lang "prev_article"}}:{{.Prev.Title}}</a>
|
|
</div>
|
|
{{ end }}
|
|
{{ if .Next }}
|
|
<div class="hidden-text" style="margin:15px 0;">
|
|
<a href="{{.Next.Url}}">{{lang "next_article"}}:{{.Next.Title}}</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
|
|
<div id="shopify-section-footer" class="shopify-section footer__parent">
|
|
<footer class="footer" data-section-id="footer" data-section-type="footer">
|
|
<div class="footer__groups">
|
|
|
|
<div class="footer__group">
|
|
<div class="footer__header" data-header>
|
|
<h5 class="footer__heading fs-body-base">{{lang "related"}}</h5>
|
|
</div>
|
|
<div class="footer__group-content">
|
|
<div class="footer__links fs-body-base">
|
|
<ul>
|
|
<li>
|
|
<a href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li>
|
|
<a href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li>
|
|
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li>
|
|
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer__group">
|
|
<div class="footer__header" data-header>
|
|
<h5 class="footer__heading fs-body-base">{{lang "friendship"}}</h5>
|
|
</div>
|
|
<div class="footer__group-content">
|
|
<div class="footer__links fs-body-base">
|
|
|
|
<ul>
|
|
{{range .Friendship}}
|
|
<li><a href="{{.Url}}">{{.Name}}</a></li>
|
|
{{end}}
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="footer__rule" />
|
|
<div class="footer__credits">
|
|
<p>{{.Copyright}}</p>
|
|
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
|