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.
187 lines
6.3 KiB
187 lines
6.3 KiB
<!doctype html>
|
|
<html>
|
|
|
|
<head >
|
|
<meta charset="UTF-8">
|
|
<meta content="maximum-scale=2.0, user-scalable=yes, initial-scale=1" name="viewport">
|
|
|
|
<title>{{.Title}}</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="referrer" content="unsafe-url">
|
|
<meta name="keywords" content="{{.Keywords}}">
|
|
<meta name="description" content="{{.Description}}">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="{{staticFile "/css/style.css@v=20220224.css"}}" media="screen">
|
|
<link rel="stylesheet" href="{{staticFile "/css/style-d.css@v=20221108.css"}}" media="screen and (min-width: 750px)">
|
|
<link rel="stylesheet" href="{{staticFile "/css/style-m.css@=20220921.css"}}" media="screen and (max-width: 749px)">
|
|
<link rel="stylesheet" href="{{staticFile "/css/style_print.css@=20210415.css"}}" media="print">
|
|
<link rel="stylesheet" href="{{staticFile "/css/simplelightbox.css"}}" media="screen">
|
|
<link rel="stylesheet" href="{{staticFile "/css/font-awesome.min.css"}}">
|
|
|
|
<script type="text/javascript" src="{{staticFile "/js/pageLoad.js"}}"></script>
|
|
<script type="text/javascript" src="{{staticFile "/js/jquery.inview.js"}}"></script>
|
|
<script type="text/javascript" src="{{staticFile "/js/simple-lightbox.js"}}"></script>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body class="interior">
|
|
|
|
|
|
<header>
|
|
<div>
|
|
<a href="{{.IndexUrl}}" id="brand"><img
|
|
src="{{replaceImage .Logo}}" alt="logo" /></a>
|
|
<div id="navContainer">
|
|
<nav id="mainnav">
|
|
<ul>
|
|
|
|
<li>
|
|
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
|
|
<li>
|
|
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
|
|
<li>
|
|
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
<span class="menu hamburger"></span>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="wrap">
|
|
<div id="content" class="content ">
|
|
<h1>{{lang "latest"}}</h1>
|
|
|
|
<div class="blog" style="clear:both;">
|
|
{{ range .Articles }}
|
|
<article>
|
|
<h1><a
|
|
href="{{.Url}}" target="_blank" style=" text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
-webkit-line-clamp: 1;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
">{{.Title}}</a></h1>
|
|
<img src="{{getCover .Cover 300 180}}" alt="Cover Image"/>
|
|
<p style=" text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
-webkit-line-clamp: 4;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
"> {{.Summary}}</p>
|
|
<p class="blogContinue"><a
|
|
href="{{.Url}}">{{lang "Read now"}}</a></p>
|
|
|
|
</article>
|
|
{{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>
|
|
|
|
|
|
{{$plen := len .PopularArticles}}
|
|
{{if ne $plen 0}}
|
|
<aside>
|
|
<nav id="sidenav">
|
|
<ul>
|
|
<li class="on"><a href="#" target="_self">{{lang "popular"}}</a>
|
|
<ul>
|
|
<li><a href="#" target="">{{lang "popular"}}</a> </li>
|
|
{{range .PopularArticles}}
|
|
<div><a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a></div>
|
|
{{end}}
|
|
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
{{end}}
|
|
</div>
|
|
</main>
|
|
|
|
|
|
<footer>
|
|
<div class="fatFooter">
|
|
<address>
|
|
<h3 class="title">{{lang "related"}}</h3>
|
|
{{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}}
|
|
|
|
</address>
|
|
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
<address>
|
|
<h3 class="title">{{lang "friendship"}}</h3>
|
|
|
|
{{range .Friendship}}
|
|
<li>
|
|
<a href="{{.Url}}">{{.Name}}</a>
|
|
</li>
|
|
{{end}}
|
|
</address>
|
|
{{end}}
|
|
<div>
|
|
<img src="{{replaceImage .Logo}}" alt="logo" />
|
|
</div>
|
|
</div>
|
|
<div class="wrap">
|
|
|
|
<nav class="dontPrint">{{.Copyright}}</nav>
|
|
</div>
|
|
<div id="seoFooter"></div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |