summaryrefslogtreecommitdiff
path: root/themes/PaperMod/layouts/partials/cover.html
diff options
context:
space:
mode:
authorIndrajith K L2022-03-19 16:54:23 +0530
committerIndrajith K L2022-03-19 16:54:23 +0530
commit29fcd231e3da9b33c237886f3c1bb30a557ad641 (patch)
tree8eba56550b35938e7c445c9ed6d9005c14036666 /themes/PaperMod/layouts/partials/cover.html
downloadexperimentsofindrajith-29fcd231e3da9b33c237886f3c1bb30a557ad641.tar.gz
experimentsofindrajith-29fcd231e3da9b33c237886f3c1bb30a557ad641.tar.bz2
experimentsofindrajith-29fcd231e3da9b33c237886f3c1bb30a557ad641.zip
Initial Commit
Diffstat (limited to 'themes/PaperMod/layouts/partials/cover.html')
-rw-r--r--themes/PaperMod/layouts/partials/cover.html40
1 files changed, 40 insertions, 0 deletions
diff --git a/themes/PaperMod/layouts/partials/cover.html b/themes/PaperMod/layouts/partials/cover.html
new file mode 100644
index 0000000..b4e7c78
--- /dev/null
+++ b/themes/PaperMod/layouts/partials/cover.html
@@ -0,0 +1,40 @@
+{{- with .cxt}} {{/* Apply proper context from dict */}}
+{{- if (and .Params.cover.image (not $.isHidden)) }}
+{{- $alt := (.Params.cover.alt | default .Params.cover.caption | plainify) }}
+<figure class="entry-cover">
+ {{- $responsiveImages := (.Params.cover.responsiveImages | default .Site.Params.cover.responsiveImages) | default true }}
+ {{- $addLink := (and .Site.Params.cover.linkFullImages (not $.IsHome)) }}
+ {{- $cover := (.Resources.ByType "image").GetMatch (printf "*%s*" (.Params.cover.image)) }}
+ {{- if $cover -}}{{/* i.e it is present in page bundle */}}
+ {{- if $addLink }}<a href="{{ (path.Join .RelPermalink .Params.cover.image) | absURL }}" target="_blank"
+ rel="noopener noreferrer">{{ end -}}
+ {{- $sizes := (slice "360" "480" "720" "1080" "1500") }}
+ {{- $processableFormats := (slice "jpg" "jpeg" "png" "tif" "bmp" "gif") -}}
+ {{- if hugo.IsExtended -}}
+ {{- $processableFormats = $processableFormats | append "webp" -}}
+ {{- end -}}
+ {{- $prod := (hugo.IsProduction | or (eq .Site.Params.env "production")) }}
+ {{- if (and (in $processableFormats $cover.MediaType.SubType) ($responsiveImages) (eq $prod true)) }}
+ <img loading="lazy" srcset="{{- range $size := $sizes -}}
+ {{- if (ge $cover.Width $size) -}}
+ {{ printf "%s %s" (($cover.Resize (printf "%sx" $size)).Permalink) (printf "%sw ," $size) -}}
+ {{ end }}
+ {{- end -}}{{$cover.Permalink }} {{printf "%dw" ($cover.Width)}}"
+ sizes="(min-width: 768px) 720px, 100vw" src="{{ $cover.Permalink }}" alt="{{ $alt }}"
+ width="{{ $cover.Width }}" height="{{ $cover.Height }}">
+ {{- else }}{{/* Unprocessable image or responsive images disabled */}}
+ <img loading="lazy" src="{{ (path.Join .RelPermalink .Params.cover.image) | absURL }}" alt="{{ $alt }}">
+ {{- end }}
+ {{- else }}{{/* For absolute urls and external links, no img processing here */}}
+ {{- if $addLink }}<a href="{{ (.Params.cover.image) | absURL }}" target="_blank"
+ rel="noopener noreferrer">{{ end -}}
+ <img loading="lazy" src="{{ (.Params.cover.image) | absURL }}" alt="{{ $alt }}">
+ {{- end }}
+ {{- if $addLink }}</a>{{ end -}}
+ {{/* Display Caption */}}
+ {{- if not $.IsHome }}
+ {{ with .Params.cover.caption }}<p>{{ . | markdownify }}</p>{{- end }}
+ {{- end }}
+</figure>
+{{- end }}{{/* End image */}}
+{{- end -}}{{/* End context */ -}}