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.
204 lines
5.4 KiB
204 lines
5.4 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link href='{{staticFile "/css/bootstrap.css"}}' rel='stylesheet' />
|
|
<link href='{{staticFile "/css/c7003d55d078172c66fb80dd9650a55d5a6c3983.css"}}' rel='stylesheet' />
|
|
<link rel="stylesheet" href="{{staticFile "/css/slick.css"}}" />
|
|
<meta name="keywords" content="{{.Keywords}}">
|
|
<meta name="description" content="{{.Description}}">
|
|
<title>{{.Title}}</title>
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
</head>
|
|
|
|
<body class="">
|
|
<div class="container-fluid" id="myContent">
|
|
|
|
<header class="en-us-header">
|
|
|
|
<!-- Top header -->
|
|
<div class="header-top">
|
|
<div class="wrapper">
|
|
<!-- Logo -->
|
|
<div class="logo">
|
|
<a href="{{.IndexUrl}}" title=" ">
|
|
<img src="{{replaceImage .Logo}}" style="width: 170px;" alt="">
|
|
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- Nav Bar -->
|
|
|
|
<nav>
|
|
<div class="wrapper">
|
|
<ul>
|
|
<li>
|
|
<a href="{{.IndexUrl}}" class="nav-item" title="Home">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li>
|
|
<a href="{{.AboutUrl}}" class="nav-item" title="Home">{{ lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li>
|
|
<a href="{{.ContactUrl}}" class="nav-item" title="Home">{{ lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
<main class="blog-details">
|
|
|
|
<div class="wrapper">
|
|
<div class="main-content">
|
|
<article class="blog-detail-holder">
|
|
<h1 class="blog-title check">{{.Title}}</h1>
|
|
<div class="time-author-holder">
|
|
<time >{{timeFormat .PublishTime}}</time><span>{{.Views}} {{lang "views"}}</span>
|
|
|
|
</div>
|
|
|
|
<img class="detail-image" src="{{getCover .Article.Pictures}}"
|
|
alt="robot snowblower blows snow" />
|
|
|
|
<div class="content-holder">
|
|
<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}}
|
|
</div>
|
|
</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 class="side-container ">
|
|
{{$plen := len .PopularArticles}}
|
|
{{if ne $plen 0}}
|
|
<div class="desktop-only">
|
|
<a href="#" class="button-blue about-us-btn">
|
|
{{lang "popular"}}
|
|
</a>
|
|
</div>
|
|
<aside>
|
|
<span>
|
|
{{range .PopularArticles}}
|
|
<a class="twitter-timeline" href="{{.Url}}">{{.Title}}</a>
|
|
{{end}}
|
|
</span>
|
|
</aside>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</main>
|
|
|
|
|
|
<footer class="en-us-footer">
|
|
<div class="footer-container">
|
|
|
|
|
|
<div class="footer-content">
|
|
<div class="wrapper">
|
|
|
|
<span>{{.Copyright}} </span>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row-holder">
|
|
|
|
<div class='row'>
|
|
|
|
<div class="column">
|
|
<div class="column-content">
|
|
|
|
<a class="head-title" href="#">{{lang "related"}}</a>
|
|
|
|
<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>
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
<div class="column">
|
|
<div class="column-content">
|
|
|
|
<a class="head-title" href="#" title=" ">{{lang "friendship"}}</a>
|
|
|
|
<ul>
|
|
|
|
{{range .Friendship}}
|
|
<li>
|
|
<a href="{{.Url}}">{{.Name}}</a>
|
|
</li>
|
|
|
|
{{end}}
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html> |