61 lines
2.8 KiB
HTML
61 lines
2.8 KiB
HTML
{{ define "main" }}
|
|
<style>
|
|
/* Override any link styling in blog post listings */
|
|
.chocolate-blog-listing a,
|
|
.chocolate-blog-listing a:hover,
|
|
.chocolate-blog-listing a:visited,
|
|
.chocolate-blog-listing a:active,
|
|
.chocolate-blog-listing header a,
|
|
.chocolate-blog-listing a h1 {
|
|
text-decoration: none !important;
|
|
border-bottom: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
</style>
|
|
<div class="chocolate-container">
|
|
<h1 class="text-center">
|
|
All Posts
|
|
</h1>
|
|
<div class="mdl-grid">
|
|
<div class="mdl-cell mdl-cell--9-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
|
|
<div class="chocolate-blog-listing" style="--blog-link-underline: none;">
|
|
{{ range .Pages }}
|
|
<article>
|
|
<div class="mdl-grid">
|
|
<div class="mdl-cell mdl-cell--3-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
|
|
<img class="responsive-img" src="{{.Params.blog_image}}" alt="Featured image for: {{.Title}}">
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--9-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
|
|
<header>
|
|
<a class="text-body" href="{{ .RelPermalink }}" style="text-decoration: none; border-bottom: none;">
|
|
<h1>{{ if .Draft }}DRAFT: {{end}}{{ .Title | markdownify }}</h1>
|
|
</a>
|
|
</header>
|
|
<p>{{.Summary}}</p>
|
|
<footer>
|
|
<span>{{.Params.author}}</span>
|
|
<i class="fas fa-circle"></i>
|
|
<span class="d-none d-sm-block col-sm-2 mt-auto offset-sm-2 text-right">
|
|
<time class="post-date" datetime="{{ .Date.Format " 2006-01-02T15:04:05Z07:00" | safeHTML }}">{{ .Date.Format "Jan 2, 2006" }}</time>
|
|
</span>
|
|
{{ if isset .Params "tags" -}}
|
|
<i class="fas fa-circle"></i>
|
|
<span class=nowrap>
|
|
{{ range $index, $name := sort .Params.tags -}}
|
|
<span class="ph1">{{$name | markdownify}}</span>
|
|
{{- end}}
|
|
</span>
|
|
{{- end }}
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--3-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|