57 lines
2.4 KiB
HTML
57 lines
2.4 KiB
HTML
<a id="{{ .Title | urlize }}" class="h-entry u-url link--tile" href="{{ .RelPermalink }}" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
|
|
<article class="item-tile lazy {{- with .Params.site }} item-tile--{{ . }}{{ end -}}"
|
|
{{ if .Params.featured_image }}
|
|
{{ with .Resources.GetMatch .Params.featured_image }}
|
|
{{ if eq .MediaType.SubType "svg" }}
|
|
style="background-image: url({{ .RelPermalink }})"
|
|
{{ else }}
|
|
{{ with .Resize "1000x webp" }}
|
|
style="background-image: url({{ .RelPermalink }})"
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ else }}
|
|
style="background-image: url({{ .Params.featured_image }})"
|
|
{{ end }}
|
|
{{ end }}
|
|
>
|
|
{{ if .Params.featured_image -}}
|
|
<img class="u-photo" style="display: none;" src="
|
|
{{- with .Resources.GetMatch .Params.featured_image -}}
|
|
{{- if eq .MediaType.SubType "svg" -}}
|
|
{{ .RelPermalink }}
|
|
{{- else -}}
|
|
{{- with .Resize "1000x webp" -}}
|
|
{{- .RelPermalink -}}
|
|
{{- end -}}
|
|
{{- end -}}
|
|
{{- else -}}
|
|
{{ .Params.featured_image }}
|
|
{{ end }}
|
|
" alt="
|
|
{{- with .Resources.GetMatch .Params.featured_image -}}
|
|
{{- .Params.alt -}}
|
|
{{- end -}}
|
|
"
|
|
/>
|
|
{{- end }}
|
|
<header class="item-tile__header">
|
|
{{ if ( or .Params.series .Params.published_in ) }}
|
|
<span class="item-tile__banner item-tile__banner--{{ if .Params.series }}series{{ else if .Params.published_in }}published-in{{ end}}">
|
|
{{- if .Params.series -}}
|
|
{{ .Params.series | safeHTML }}
|
|
{{- else if .Params.published_in -}}
|
|
{{ .Params.published_in | safeHTML }}
|
|
{{- end -}}
|
|
</span>
|
|
{{ end }}
|
|
<h2 class="p-name item-tile__title{{ if gt ( len ( .Title | plainify ) ) 40 }} item-tile__title--long{{ end }}" itemprop="name">
|
|
{{ .Title | safeHTML }}
|
|
</h2>
|
|
{{ with .Params.subtitle }}
|
|
<p class="item-tile__subtitle">{{ . | safeHTML }}</p>
|
|
{{ end }}
|
|
<p style="display: none;">Published: <time class="dt-published" itemprop="datePublished" datetime="{{ .PublishDate | time.Format "2006-01-02T15:04:05-07:00" }}">{{ .PublishDate | time.Format "2006-01-02T15:04:05-07:00"}}</time></p>
|
|
</header>
|
|
</article>
|
|
</a>
|