diff options
Diffstat (limited to 'themes/hugo-theme-stack/layouts/partials/article-list')
3 files changed, 83 insertions, 0 deletions
diff --git a/themes/hugo-theme-stack/layouts/partials/article-list/compact.html b/themes/hugo-theme-stack/layouts/partials/article-list/compact.html new file mode 100644 index 0000000..376512a --- /dev/null +++ b/themes/hugo-theme-stack/layouts/partials/article-list/compact.html @@ -0,0 +1,40 @@ +<article> + <a href="{{ .RelPermalink }}"> + <div class="article-details"> + <h2 class="article-title"> + {{- .Title -}} + </h2> + <footer class="article-time"> + <time datetime='{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}'> + {{- .Date.Format (or .Site.Params.dateFormat.published "Jan 02, 2006") -}} + </time> + </footer> + </div> + + {{- $image := partialCached "helper/image" (dict "Context" . "Type" "articleList") .RelPermalink "articleList" -}} + {{ if $image.exists }} + <div class="article-image"> + {{ if $image.resource }} + {{- $Permalink := $image.resource.RelPermalink -}} + {{- $Width := $image.resource.Width -}} + {{- $Height := $image.resource.Height -}} + + {{- if (default true .Page.Site.Params.imageProcessing.cover.enabled) -}} + {{- $thumbnail := $image.resource.Fill "120x120" -}} + {{- $Permalink = $thumbnail.RelPermalink -}} + {{- $Width = $thumbnail.Width -}} + {{- $Height = $thumbnail.Height -}} + {{- end -}} + + <img src="{{ $Permalink }}" + width="{{ $Width }}" + height="{{ $Height }}" + alt="{{ .Title }}" + loading="lazy"> + {{ else }} + <img src="{{ $image.permalink }}" loading="lazy" alt="Featured image of post {{ .Title }}" /> + {{ end }} + </div> + {{ end }} + </a> +</article>
\ No newline at end of file diff --git a/themes/hugo-theme-stack/layouts/partials/article-list/default.html b/themes/hugo-theme-stack/layouts/partials/article-list/default.html new file mode 100644 index 0000000..02e0b30 --- /dev/null +++ b/themes/hugo-theme-stack/layouts/partials/article-list/default.html @@ -0,0 +1,4 @@ +{{ $image := partialCached "helper/image" (dict "Context" . "Type" "articleList") .RelPermalink "articleList" }} +<article class="{{ if $image.exists }}has-image{{ end }}"> + {{ partial "article/components/header" . }} +</article>
\ No newline at end of file diff --git a/themes/hugo-theme-stack/layouts/partials/article-list/tile.html b/themes/hugo-theme-stack/layouts/partials/article-list/tile.html new file mode 100644 index 0000000..be5744b --- /dev/null +++ b/themes/hugo-theme-stack/layouts/partials/article-list/tile.html @@ -0,0 +1,39 @@ +{{ $image := partialCached "helper/image" (dict "Context" .context "Type" .Type) .context.RelPermalink .Type }} +<article class="{{ if $image.exists }}has-image{{ end }}"> + <a href="{{ .context.RelPermalink }}"> + + {{ if $image.exists }} + <div class="article-image"> + {{ if $image.resource }} + {{- $imageRaw := $image.resource | resources.Fingerprint "md5" -}} + {{- $Permalink := $imageRaw.RelPermalink -}} + {{- $Width := $imageRaw.Width -}} + {{- $Height := $imageRaw.Height -}} + + {{- if .context.Site.Params.imageProcessing.cover.enabled -}} + {{- $thumbnail := $imageRaw.Fill .size -}} + {{- $Permalink = $thumbnail.RelPermalink -}} + {{- $Width = $thumbnail.Width -}} + {{- $Height = $thumbnail.Height -}} + {{- end -}} + + <img src="{{ $Permalink }}" + width="{{ $Width }}" + height="{{ $Height }}" + loading="lazy" + alt="Featured image of post {{ .context.Title }}" + {{ with .context.Slug }}data-key="{{ . }}" {{ end }} + data-hash="{{ $imageRaw.Data.Integrity }}"> + {{ else }} + <img src="{{ $image.permalink }}" loading="lazy" data-key="{{ .context.Slug }}" data-hash="{{ $image.permalink }}"/> + {{ end }} + </div> + {{ end }} + + <div class="article-details"> + <h2 class="article-title"> + {{- .context.Title -}} + </h2> + </div> + </a> +</article> |