hugo-theme-console/layouts/index.html
Marcin Mierzejewski 512902121b home page: add home page with the latest posts and photos
screenshots: update screenshot with new home page
2020-05-03 11:38:44 +02:00

40 lines
No EOL
1.1 KiB
HTML

{{ define "main" }}
<h1>About</h1>
<p>
Console is a minimal, responsive and light theme for Hugo inspired by Linux console. <a href="/about/">(more)</a>
</p>
<br/>
<h1>Latest posts</h1>
<div class="posts-list">
{{ with .Site.GetPage "/posts" }}
{{ range first 3 ((where .Pages ".Params.private" "!=" true) sort .Data.Pages "Date" "desc")}}
<div class="post">
<div class="date">{{ .PublishDate.Format "Jan. 2, 2006" }}</div>
<h1><a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a></h1>
{{ .Summary }}
</div>
{{ end }}
{{ end }}
</div>
<h1>Latest photos</h1>
<div class="image-grid">
{{ with .Site.GetPage "/photos" }}
{{ range first 3 (sort .Data.Pages "Date" "desc")}}
<a href="{{ .Permalink }}" title="{{ .Title }}">
{{ $image := .Page.Resources.GetMatch .Params.image }}
{{ with $image }}
{{ $thumb := .Resize "400x" }}
<img src="{{ $thumb.RelPermalink }}" alt="{{ .Title }}" class="img-responsive">
{{end}}
</a>
{{ end }}
{{ end }}
</div>
{{ end }}