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.
151 lines
4.5 KiB
151 lines
4.5 KiB
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>{{.Title}}</title>
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style-v21.css"}}" />
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<!-- Header
|
|
============================================== -->
|
|
<header class="internal">
|
|
<div class="header__wrapper">
|
|
<div class="row">
|
|
<div class="columns header__logo">
|
|
<a href="{{.IndexUrl}}"><img src="{{replaceImage .Logo}}"/></a>
|
|
</div>
|
|
|
|
<div class="columns header__nav">
|
|
|
|
<!-- Navigation
|
|
============================================== -->
|
|
<nav aria-label="Primary">
|
|
<ul>
|
|
|
|
|
|
<li><a href="{{.IndexUrl}}" class="buttons">{{ lang "home"}}</a></li>
|
|
{{if .HasAbout }}
|
|
<li><a href="{{.AboutUrl}}" class="buttons">{{ lang "about"}}</a></li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li><a href="{{.ContactUrl}}" class="buttons">{{ lang "contact"}}</a></li>
|
|
{{end}}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header><!-- /Header -->
|
|
|
|
|
|
|
|
<div class="row content">
|
|
<main id="main" class="columns primary">
|
|
<div class="tymbrel-row blog-feed" style="padding: 20px;">
|
|
<div id="breadcrumb">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a> /
|
|
<a href="#">{{.Title}}</a>
|
|
</div>
|
|
<div id="article-head" style="text-align: center;">
|
|
<h1 style="background:none;color: #000;text-align: left;padding: 0;" 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>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- Footer
|
|
============================================== -->
|
|
<footer>
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="columns" style="margin: auto;">
|
|
<div class="title">{{lang "related"}}</div>
|
|
<ul>
|
|
<li><a class="first" href="{{.IndexUrl}}">{{ lang "home"}}</a></li>
|
|
{{if .HasAbout }}
|
|
<li><a class="first" href="{{.AboutUrl}}">{{ lang "about"}}</a></li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li><a class="first" href="{{.ContactUrl}}">{{ lang "contact"}}</a></li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li><a class="first" href="{{.PolicyUrl}}">{{ lang "policy"}}</a></li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</div><!-- /row -->
|
|
|
|
<div role="contentinfo" class="copyright">
|
|
|
|
<div class="row">
|
|
<div class="columns large-4 " style="width: auto;margin: auto;">
|
|
<p style="text-align: center;">{{.Copyright}}</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div><!-- /row -->
|
|
|
|
</footer>
|
|
|
|
|
|
</body>
|
|
<!--
|
|
S: app01
|
|
C: 2754
|
|
D: 2022-11-23 03:31:30
|
|
V: 3336
|
|
T: 0.0297
|
|
-->
|
|
|
|
</html> |