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.
234 lines
5.8 KiB
234 lines
5.8 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>
|
|
|
|
<div class="wrapper">
|
|
<div class="main-content">
|
|
|
|
<section class="post-listing">
|
|
|
|
{{ range $i,$v := .Articles }}
|
|
{{if eq $i 0}}
|
|
<div class="featured-article">
|
|
<a href="{{.Url}}">
|
|
|
|
<h2>{{.Title}}</h2>
|
|
<time>{{timeFormat .PublishTime}}</time>
|
|
<figure class="featured-img-holder">
|
|
|
|
<img src="{{getCover .Cover 300 180}}" alt=" ">
|
|
|
|
</figure>
|
|
<p>{{.Summary}}</p>
|
|
</a>
|
|
|
|
|
|
</div>
|
|
{{end}}
|
|
|
|
|
|
{{if gt $i 1}}
|
|
<article class="post-item">
|
|
<div class="post-top">
|
|
<div class="post-image">
|
|
|
|
<img src="{{getCover .Cover 300 180}}" alt="{{.Title}}">
|
|
|
|
</div>
|
|
<div class="post-meta">
|
|
|
|
<h2>
|
|
<a href="{{.Url}}"
|
|
title="What's the Deal With Those Toilets That Can Flush Golf Balls?">{{.Title}}
|
|
</a>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="post-content">
|
|
<p>{{.Summary}}</p>
|
|
<time datetime="2022-11-21T00:00:00.000Z">{{timeFormat .PublishTime}}</time>
|
|
</div>
|
|
</article>
|
|
|
|
{{end}}
|
|
{{end}}
|
|
|
|
|
|
|
|
</section>
|
|
|
|
<!-- default article list end -->
|
|
<div>
|
|
{{$pulen := len .PrevUrl}}
|
|
{{ if ne $pulen 0 }}
|
|
<div style="float:left;">
|
|
<a href="{{.PrevUrl}}">{{lang "prev"}}</a>
|
|
</div>
|
|
{{ end }}
|
|
{{$nulen := len .NextUrl}}
|
|
{{ if ne $nulen 0 }}
|
|
<div style="float:right;">
|
|
<a href="{{.NextUrl}}">{{lang "next"}}</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> |