bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-06-12 17:57:28 -05:00
Code Issues Projects Releases Wiki Activity

Use <figure> for images and videos

Browse Source
This commit is contained in:
BBaoVanC
2021-10-19 13:57:39 -05:00
parent 61ac27bdf9
commit 937a80bc17
6 changed files with 61 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
layouts/_default/summary.html
View File

@ -12,17 +12,24 @@
{{ partial "post-metadata.html" . }}
{{ with .Resources.GetMatch "feature" }}
{{ if eq .MediaType.MainType "image" }}
<div class="post-media">
<img src="{{ .Permalink }}" alt="{{ .Title }}" />
<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>
{{ else if eq .MediaType.MainType "video" }}
<div class="post-media">
<video controls>
<source src="{{ .Permalink }}" alt="{{ .Title }}">
</video>
</div>
{{ end }}
{{ end }}
<div class="post-description">

22
layouts/shortcodes/figimage.html Normal file
View File

@ -0,0 +1,22 @@
<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>

26
layouts/shortcodes/figure.html
View File

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

18
layouts/shortcodes/figvideo.html Normal file
View File

@ -0,0 +1,18 @@
<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>

4
layouts/shortcodes/video.html
View File

@ -1,4 +0,0 @@
<video controls>
<source src="{{ .Get "src" }}" alt="{{ .Get "title" }}">
{{ i18n "browser_no_video_support" }}
</video>