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.
210 lines
7.6 KiB
210 lines
7.6 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<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/header.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style.css"}}" />
|
|
|
|
|
|
<style>
|
|
.content{
|
|
margin-left: 5px;
|
|
}
|
|
.d-flex{
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
@media screen and (max-width:991px) {
|
|
.d-flex{
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
.d-flex a{
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.block-title{
|
|
text-align: center;
|
|
}
|
|
#article-popular-recommend{
|
|
margin-top: 20px;
|
|
}
|
|
.info{
|
|
text-align: center;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
|
|
<div class="navigation-area-main">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-sm-2 col-xs-7">
|
|
|
|
<div class="logo-area"> <a href="{{.IndexUrl}}"> <img
|
|
src="{{replaceImage .Logo}}" class="img-responsive" /></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-10 col-xs-5">
|
|
<div class="main-nav-block">
|
|
<div class="navigation-area">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container" >
|
|
<div class="blog-main">
|
|
<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-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 id="article-popular-recommend" class="col-lg-4 col-md-12">
|
|
{{$plen := len .PopularArticles}}
|
|
{{if ne $plen 0}}
|
|
<div class="block-title">
|
|
<div class="text">{{lang "popular"}}</div>
|
|
</div>
|
|
<div id="article-popular">
|
|
<!-- popular article list start -->
|
|
{{range .PopularArticles}}
|
|
<div class="article d-flex">
|
|
<a href="{{.Url}}" target="_blank">
|
|
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" />
|
|
</a>
|
|
<div class="content">
|
|
<a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a>
|
|
<div class="info">
|
|
<span>{{timeFormat .PublishTime}}</span>
|
|
/
|
|
<span>{{.Views}} {{lang "views"}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
<!-- popular article list end -->
|
|
</div>
|
|
{{end}}
|
|
{{$rlen := len .RecommendArticles}}
|
|
{{if ne $rlen 0}}
|
|
<div class="block-title">
|
|
<div class="text">{{lang "recommend"}}</div>
|
|
</div>
|
|
<div id="article-recommend">
|
|
<!-- recommend article list start -->
|
|
{{range .RecommendArticles}}
|
|
<div class="article d-flex">
|
|
<a href="{{.Url}}" target="_blank">
|
|
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" />
|
|
</a>
|
|
<div class="content">
|
|
<a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a>
|
|
<div class="info">
|
|
<span>{{timeFormat .PublishTime}}</span>
|
|
/
|
|
<span>{{.Views}} {{lang "views"}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
<!-- recommend article list end -->
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="footer-bg">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-sm-4 col-md-2">
|
|
<ul class="footer-links">
|
|
{{if .HasAbout }}
|
|
<li><a href="{{.AboutUrl}}"
|
|
title="Course Outline">{{lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li><a href="{{.ContactUrl}}"
|
|
title="Course Outline">{{lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li><a href="{{.PolicyUrl}}"
|
|
title="Course Outline">{{lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div id="scroll-to-top" class="fade in" style="bottom:10px"> <i class="fa fa-chevron-up"></i> </div>
|
|
</footer>
|
|
<div class="copyright" style="text-align: center;">{{.Copyright}}</div>
|
|
|
|
</body>
|
|
|
|
</html> |