f84ba895a8
Add support for bigimg's on the front page, multiple images that rotate on both the front page and regular pages and posts, also added test images and a sample to demonstrate the functionality and how to specify bigimg's.
96 lines
3.1 KiB
HTML
96 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
{{ partial "head.html" . }}
|
|
|
|
<body>
|
|
|
|
{{ partial "nav.html" . }}
|
|
|
|
{{ if .Site.Params.bigimg }}
|
|
<div id="header-big-imgs" data-num-img={{len .Site.Params.bigimg}} {{range $i, $img := .Site.Params.bigimg}}data-img-src-{{add $i 1}}="{{$img.src}}" data-img-desc-{{add $i 1}}="{{$img.desc}}"{{end}}></div>
|
|
{{ end }}
|
|
|
|
<header class="header-section {{ if .Site.Params.bigimg }}has-img{{ end }}">
|
|
<div class="intro-header {{ if .Site.Params.bigimg }}big-img{{ else }}no-img{{ end }}">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
|
|
<div class="page-heading">
|
|
<h1>{{.Site.Title}}</h1>
|
|
{{if .Site.Params.subtitle}}
|
|
<hr class="small">
|
|
<span class="page-subheading">{{.Site.Params.subtitle}}</span>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="img-desc" style="display: inline;"></span>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<div role="main" class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
|
|
<div class="posts-list">
|
|
{{ $pag := .Paginate (where .Data.Pages "Type" "post") }}
|
|
{{ range $pag.Pages }}
|
|
<article class="post-preview">
|
|
<a href="{{ .Permalink }}">
|
|
<h2 class="post-title">{{ .Title }}</h2>
|
|
|
|
{{ if .Params.subtitle }}
|
|
<h3 class="post-subtitle">
|
|
{{ .Params.subtitle }}
|
|
</h3>
|
|
{{ end }}
|
|
</a>
|
|
|
|
<p class="post-meta">
|
|
Posted on {{ .Date.Format .Site.Params.dateFormat }}
|
|
</p>
|
|
<div class="post-entry">
|
|
{{ if .Truncated }}
|
|
{{ .Summary }}
|
|
<a href="{{ .Permalink }}" class="post-read-more">[Read More]</a>
|
|
{{ else }}
|
|
{{ .Content }}
|
|
{{ end }}
|
|
</div>
|
|
|
|
{{ if .Params.tags }}
|
|
<span class="post-meta">
|
|
{{ range .Params.tags }}
|
|
#<a href="/tags/{{ . | urlize }}">{{ . }}</a>
|
|
{{ end }}
|
|
</span>
|
|
{{ end }}
|
|
|
|
</article>
|
|
{{ end }}
|
|
</div>
|
|
|
|
{{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
|
|
<ul class="pager main-pager">
|
|
{{ if .Paginator.HasPrev }}
|
|
<li class="previous">
|
|
<a href="{{ .URL }}page/{{ .Paginator.Prev.PageNumber }}">← Newer Posts</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ if .Paginator.HasNext }}
|
|
<li class="next">
|
|
<a href="{{ .URL }}page/{{ .Paginator.Next.PageNumber }}">Older Posts →</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{ partial "footer.html" . }}
|
|
|
|
</body>
|
|
</html>
|