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.
144 lines
5.2 KiB
144 lines
5.2 KiB
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<!--<![endif]-->
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
<title>{{.Title}}</title>
|
|
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles01.css"}}" />
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<body class="home blog group-blog masthead-fixed list-view full-width slider">
|
|
|
|
<header id="header">
|
|
<div class="container">
|
|
<nav id="nav" class="navbar navbar-expand-md navbar-light">
|
|
<div class="logo-container">
|
|
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
|
|
</div>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav mr-auto">
|
|
<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}}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<section id="content" class="container" style="margin-bottom: 20px;">
|
|
<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" 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>
|
|
</section>
|
|
<footer id="footer">
|
|
<div class="container d-md-flex justify-content-md-between" style="flex-wrap: wrap;text-align: center;">
|
|
<div class="column flex-grow-1" style="float: none;">
|
|
<div class="title">{{lang "related"}}</div>
|
|
<div class="links">
|
|
<li class="nav-item">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="nav-item">
|
|
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="nav-item">
|
|
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="nav-item">
|
|
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="column d-md-flex flex-column" style="width: 100%;">
|
|
|
|
<div class="copyright">{{.Copyright}}</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="{{staticFile "/js/jquery-3.6.0.slim.min.js"}}"></script>
|
|
<script src="{{staticFile "/js/bootstrap.bundle.min.js"}}"></script>
|
|
</body>
|
|
|
|
</html>
|
|
|