Use a single figure shortcode that does either image or video

This commit is contained in:
BBaoVanC 2021-10-19 14:19:23 -05:00
parent 96067c95c0
commit b599ddeadd
Signed by: bbaovanc
GPG Key ID: 18089E4E3CCF1D3A
7 changed files with 25 additions and 60 deletions

View File

@ -18,7 +18,9 @@
<hr>
{{ with .Resources.GetMatch "feature" }}
{{ partial "featured_media.html" . }}
<div class="post-media">
{{ partial "figure.html" . }}
</div>
{{ end }}
{{ .Content }}

View File

@ -12,7 +12,9 @@
{{ partial "post-metadata.html" . }}
{{ with .Resources.GetMatch "feature" }}
{{ partial "featured_media.html" . }}
<div class="post-media">
{{ partial "figure.html" . }}
</div>
{{ end }}
<div class="post-description">

View File

@ -1,18 +0,0 @@
<div class="post-media">
<figure>
{{ $media := . | resources.Fingerprint "sha512" }}
{{ if eq .MediaType.MainType "image" }}
<img src="{{ $media.Permalink }}" alt="{{ $media.Title }}" />
{{ else if eq .MediaType.MainType "video" }}
<video controls>
<source src="{{ $media.Permalink }}" alt="{{ $media.Title }}">
</video>
{{ end }}
{{ with $media.Title }}
<figcaption>
{{ . | markdownify }}
</figcaption>
{{ end }}
</figure>
</div>

View File

@ -0,0 +1,17 @@
<figure>
{{ $media := . | resources.Fingerprint "sha512" }}
{{ if eq .MediaType.MainType "image" }}
<img src="{{ $media.Permalink }}" alt="{{ $media.Title }}" />
{{ else if eq .MediaType.MainType "video" }}
<video controls>
<source src="{{ $media.Permalink }}" alt="{{ $media.Title }}">
{{ i18n "browser_no_video_support" }}
</video>
{{ end }}
{{ with $media.Title }}
<figcaption>
{{ . | markdownify }}
</figcaption>
{{ end }}
</figure>

View File

@ -1,22 +0,0 @@
<figure>
{{ $img := $.Page.Resources.GetMatch (.Get "src") | resources.Fingerprint "sha512" }}
{{ if .Get "href" }}<a href="{{ .Get "href" }}">{{ end }}
<img src="{{ $img.Permalink }}"
{{ with $img.Title }}
alt="{{ . }}"
{{ end }}
{{ with .Get "width" }}width="{{ . }}"{{ end }}
{{ with .Get "height" }}height="{{ . }}"{{ end }}
/>
{{ if .Get "href" }}</a>{{ end }}
{{ with $img.Title }}
<figcaption>
{{ . | markdownify }}
</figcaption>
{{ end }}
</figure>

View File

@ -0,0 +1,2 @@
{{ $resource := $.Page.Resources.GetMatch (.Get "src") }}
{{ partial "figure.html" $resource }}

View File

@ -1,18 +0,0 @@
<figure>
{{ $vid := $.Page.Resources.GetMatch (.Get "src") | resources.Fingerprint "sha512" }}
{{ if .Get "href" }}<a href="{{ .Get "href" }}">{{ end }}
<video controls>
<source src="{{ $vid.Permalink }}" alt="{{ $vid.Title }}">
{{ i18n "browser_no_video_support" }}
</video>
{{ if .Get "href" }}</a>{{ end }}
{{ with $vid.Title }}
<figcaption>
{{ . | markdownify }}
</figcaption>
{{ end }}
</figure>