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.
196 lines
8.7 KiB
196 lines
8.7 KiB
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="referrer" content="origin-when-cross-origin" />
|
|
<title>{{.Title}}</title>
|
|
<meta name="keywords" content="{{.Keywords}}" />
|
|
<meta name="description" content="{{.Description}}" />
|
|
<link rel="preload" href="{{ staticFile "/css/assets/css/bootstrap.min.css@v1.css"}}" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
|
<noscript>
|
|
<link rel="stylesheet" href="{{ staticFile "/css/assets/css/bootstrap.min.css@v1.css"}}">
|
|
</noscript>
|
|
<link rel="preload" href="{{ staticFile "/css/assets/css/all.min.css@v1.css"}}" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
|
<noscript>
|
|
<link rel="stylesheet" href="{{ staticFile "/css/assets/css/all.min.css@v1.css"}}">
|
|
</noscript>
|
|
<link rel="preload" href="{{ staticFile "/css/assets/css/index.css@v1.css"}}" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
|
<noscript>
|
|
<link rel="stylesheet" href="{{ staticFile "/css/assets/css/index.css@v1.css"}}">
|
|
</noscript>
|
|
<link rel="stylesheet" href="{{ staticFile "/css/assets/css/style.css@v1.css"}}">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="site-box" class="site-box">
|
|
<div class="container-fluid navbar__top pt-lg-5 pt-md-0 mr-0 pr-3">
|
|
<div class="col-12 col-lg-12 text-center pt-3-lg navbar__top__brand">
|
|
<a href="{{.IndexUrl}}" class="brand-logo">
|
|
<img src="{{replaceImage .Logo}}" style="width:auto;height:100%;" alt="logo">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="affix-wrapper">
|
|
<div data-spy="affix" data-offset-top="170" id="affix">
|
|
<nav class="mainmenu">
|
|
<div class="affix-brand">
|
|
<a href="{{.IndexUrl}}" class="brand-logo brand-logo--sm ml-3"></a>
|
|
</div>
|
|
<div class="mainmenu-links">
|
|
<ul id="mainmenu-items" class="mainmenu-list">
|
|
<li class="mainmenu-dropdown">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
|
|
</li>
|
|
<li class="mainmenu-dropdown">
|
|
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
|
|
</li>
|
|
<li class="mainmenu-dropdown">
|
|
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
|
|
</li>
|
|
<li class="mainmenu-dropdown">
|
|
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<section id="content" class="content-block">
|
|
<div class="container-fluid container-fluid--max pt-7 pb-5">
|
|
<header class="row">
|
|
<div class="offset-lg-2 col-lg-8">
|
|
<div class="accent-line-after">
|
|
<h1 class="text-center font-8 font-title pb-5">
|
|
{{lang "laster"}}
|
|
</h1>
|
|
</div>
|
|
<h2 class="text-center font-4 font-teaser pt-5 m-0">
|
|
{{.Description}}
|
|
</h2>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
<style>
|
|
.twoLine {
|
|
text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
-webkit-line-clamp: 2;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
<div class="pb-6 pb-sm-10">
|
|
<div class="container-fluid container-fluid--max">
|
|
<div class="row">
|
|
<!-- item -->
|
|
{{range .Articles}}
|
|
<div class="col-md-6 col-lg-3 card-container cb-editable">
|
|
<div class="cb-editable">
|
|
<a href="{{.Url}}">
|
|
<div class="up-card up-card--white up-card--sm-horizontal up-card--md-vertical up-card--lg-vertical up-card--xl-vertical">
|
|
<picture>
|
|
<img class="lazyload up-card__image up-card__image--small" alt="{{.Title}}" src="{{getCover .Cover}}" loading="lazy" width="625" height="352" style="height: auto; max-height: 166px;">
|
|
</picture>
|
|
<div class="up-card__text-container">
|
|
<div class="up-card__text">
|
|
<h3 class="up-card__title twoLine">
|
|
{{.Title}}
|
|
</h3>
|
|
<div class="up-card__teaser">
|
|
{{timeFormat .PublishTime}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="up-card__image-overlay up-card__image up-card__image--small"></div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<div style="width: 100%;" class="pagination d-flex justify-content-center">
|
|
<div style="width: 100%; display: flex; justify-content: space-between;padding-top: 20px;">
|
|
{{$pulen := len .PrevUrl}}
|
|
{{ if ne $pulen 0 }}
|
|
<div>
|
|
<a href="{{.PrevUrl}}">{{lang "prev"}}</a>
|
|
</div>
|
|
{{else}}
|
|
<div style="pointer-events: none;color: gray">
|
|
Prev
|
|
</div>
|
|
{{ end }}
|
|
<!-- 下一页 -->
|
|
{{$nulen := len .NextUrl}}
|
|
{{ if ne $nulen 0 }}
|
|
<div>
|
|
<a href="{{.NextUrl}}">{{lang "next"}}</a>
|
|
</div>
|
|
{{else}}
|
|
<div style="pointer-events: none;color: gray">
|
|
Next
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
<footer class="footer py-8">
|
|
<section class="footer__container container mb-4">
|
|
<div class="footer-menu row">
|
|
<div class="col-12 col-lg-auto footer-menu row">
|
|
<div class="
|
|
footer-menu__item
|
|
mb-5
|
|
col-12 col-md-auto
|
|
pl-md-0
|
|
pr-md-7
|
|
">
|
|
<a class="footer-menu__link" href="{{.IndexUrl}}">{{lang "home"}}</a>
|
|
</div>
|
|
<div class="
|
|
footer-menu__item
|
|
mb-5
|
|
col-12 col-md-auto
|
|
pl-md-0
|
|
pr-md-7
|
|
">
|
|
<a class="footer-menu__link" href="{{.AboutUrl}}">{{lang "about"}}</a>
|
|
</div>
|
|
<div class="
|
|
footer-menu__item
|
|
mb-5
|
|
col-12 col-md-auto
|
|
pl-md-0
|
|
pr-md-7
|
|
">
|
|
<a class="footer-menu__link" href="{{.ContactUrl}}">{{lang "contact"}}</a>
|
|
</div>
|
|
<div class="
|
|
footer-menu__item
|
|
mb-5
|
|
col-12 col-md-auto
|
|
pl-md-0
|
|
pr-lg-7
|
|
">
|
|
<a class="footer-menu__link" href="{{.PolicyUrl}}">{{lang "policy"}}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |