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.
165 lines
6.1 KiB
165 lines
6.1 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<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 type="text/css" rel="stylesheet" href="{{staticFile "/css/style.css"}}" />
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<header class="hidden-print bg-muted">
|
|
<div class="spacer hidden-xs"></div>
|
|
<div class="container bg-clear">
|
|
<div class="row row-flat">
|
|
<div class="hidden-xs hidden-sm col-md-3 col-lg-3 col-xl-2">
|
|
<div class="spacer-flat visible-sm"></div>
|
|
<div class="padding-side-20">
|
|
<a href="{{.IndexUrl}}">
|
|
<img src="{{replaceImage .Logo}}" alt="logo">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="spacer hidden-xs"></div>
|
|
</header>
|
|
<div id="page-wrapper">
|
|
<div id="content">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div id="content" class="col-sm-9">
|
|
<div>
|
|
<div>
|
|
<h1 class="text-5x margin-0"><span class="text-vivid"><strong>LATEST ARTICLES</strong></span></h1>
|
|
</div>
|
|
<hr>
|
|
<!-- default article list start -->
|
|
{{ range .Articles }}
|
|
<div class="blog-card">
|
|
<div class="row row-flat">
|
|
<div class="col-sm-4 col-lg-3 blog-card-image">
|
|
<div class="hidden-xs">
|
|
<img src="{{getCover .Cover "list"}}" alt="Cover Image"
|
|
class="img-responsive">
|
|
</div>
|
|
<div class="visible-xs">
|
|
<img src="{{getCover .Cover "list"}}" alt="Cover Image"
|
|
class="img-responsive">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-8 col-lg-9 blog-card-content">
|
|
<div class="blog-card-header">
|
|
<a href="{{.Url}}" target="_blank"
|
|
class="text-default">
|
|
<h2 class="text-4x blog-card-title"><strong>{{.Title}}</strong></h2>
|
|
</a>
|
|
<p class="text-lg text-muted"></p>
|
|
<div class="text-sm text-muted">
|
|
<span class="fa-svg-icon fa-color-black fa-1x svg-baseline "><svg
|
|
viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M192 1664h288v-288h-288v288zm352 0h320v-288h-320v288zm-352-352h288v-320h-288v320zm352 0h320v-320h-320v320zm-352-384h288v-288h-288v288zm736 736h320v-288h-320v288zm-384-736h320v-288h-320v288zm768 736h288v-288h-288v288zm-384-352h320v-320h-320v320zm-352-864v-288q0-13-9.5-22.5t-22.5-9.5h-64q-13 0-22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm736 864h288v-320h-288v320zm-384-384h320v-288h-320v288zm384 0h288v-288h-288v288zm32-480v-288q0-13-9.5-22.5t-22.5-9.5h-64q-13 0-22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38h-1408q-52 0-90-38t-38-90v-1280q0-52 38-90t90-38h128v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z" />
|
|
</svg></span> {{timeFormat .PublishTime}}
|
|
|
|
<span class="fa-svg-icon fa-color-black fa-1x svg-baseline "><svg
|
|
viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M1664 960q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5-316.5-131.5-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5 434.5-121.5 333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5-499.5-139-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139 499.5 139 376.5 368q20 35 20 69z" />
|
|
</svg></span> {{.Views}} views
|
|
|
|
</div>
|
|
</div>
|
|
<div class="blog-card-body">
|
|
<p> {{.Summary}}</p>
|
|
<div class="spacer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
<!-- default article list end -->
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="row">
|
|
<div class="col-xs-6">
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<ul class="pagination pull-right text-sm">
|
|
{{$pulen := len .PrevUrl}}
|
|
{{ if ne $pulen 0 }}
|
|
<li class="disabled bg-muted"><a href="{{.PrevUrl}}"><span
|
|
class="text-muted"><</span></a></li>
|
|
{{ end }}
|
|
{{$nulen := len .NextUrl}}
|
|
{{ if ne $nulen 0 }}
|
|
<li><a href="{{.NextUrl}}" class="go-to-page"
|
|
>></a></li>
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<div class="bg-dark text-sm hidden-print">
|
|
<div class="spacer"></div>
|
|
<div class="container bg-dark">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="row">
|
|
<div class="col-xs-6">
|
|
<strong>Quik Links</strong>
|
|
<ul class="list-unstyled">
|
|
{{if .HasAbout }}
|
|
<li><a href="{{.AboutUrl}}">About Connectec</a></li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li><a href="{{.PolicyUrl}}">Privacy Policy</a></li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li><a href="{{.ContactUrl}}">CONTACT</a></li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
<div class="col-sm-6">
|
|
<div class="row">
|
|
<div class="col-xs-6">
|
|
<strong>Quik Links</strong>
|
|
<ul class="list-unstyled">
|
|
<!-- friend links start -->
|
|
{{range .Friendship}}
|
|
<li> <a href="{{.Url}}"
|
|
>{{.Name}}</a></li>
|
|
{{end}}
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<div class="row">{{.Copyright}}</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |