karim/kgva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

video as filebrowser entry

Browse Source
This commit is contained in:
karim
2026-06-29 12:02:44 +02:00
parent 1ede42204b
commit dd9fb79b5d
1 changed files with 26 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/portfolio/single.html
+35 -30
View File
@@ -2,11 +2,40 @@
{{ define "main" }} {{ define "main" }}
{{ $hasText := ne (.RawContent | strings.TrimSpace) "" }} {{ $hasText := ne (.RawContent | strings.TrimSpace) "" }}
{{ $images := .Params.images }} {{ $images := .Params.images }}
{{ $video := .Params.video }}
{{ with .Params.video }} {{ if or $images $hasText $video }}
<div class="player"> <div class="tui tui--files filebrowser">
<video preload="none" playsinline{{ with $.Params.thumbnail }} poster="{{ . }}"{{ end }}> <p class="tui__cmd"><span class="tui__sym">$</span> ls</p>
<source src="{{ . }}" type="video/mp4"> {{ $total := len $images }}{{ if $hasText }}{{ $total = add $total 1 }}{{ end }}{{ if $video }}{{ $total = add $total 1 }}{{ end }}
<p class="tui__cmd tui__total">total {{ $total }}</p>
<ul class="tui__ls">
<li><a href="{{ "/portfolio/" | relURL }}" data-name="..">
<span class="tui__perm">drwxr-xr-x</span><span class="tui__name">..</span>
</a></li>
{{ if $hasText }}
<li><a data-name="info.md" data-text="info.md" class="is-selected">
<span class="tui__perm">-rw-r--r--</span><span class="tui__name">info.md</span>
</a></li>
{{ end }}
{{ if $video }}
<li><a data-name="video.mp4" data-video="1"{{ if not $hasText }} class="is-selected"{{ end }}>
<span class="tui__perm">-rw-r--r--</span><span class="tui__name">video.mp4</span>
</a></li>
{{ end }}
{{ range $i, $im := $images }}
<li><a data-img="{{ $im.src | relURL }}" data-name="{{ $im.name }}"{{ if and (not $hasText) (not $video) (eq $i 0) }} class="is-selected"{{ end }}>
<span class="tui__perm">-rw-r--r--</span><span class="tui__name">{{ $im.name }}</span>
</a></li>
{{ end }}
</ul>
<figure class="tui__preview">
{{ if $hasText }}<div class="tui__text" data-text="info.md">{{ .Content }}</div>{{ end }}
{{ if $video }}
<div class="player"{{ if $hasText }} hidden{{ end }}>
<video preload="none" playsinline{{ with .Params.thumbnail }} poster="{{ . }}"{{ end }}>
<source src="{{ $video }}" type="video/mp4">
</video> </video>
<button class="player__big" type="button" aria-label="play">▶</button> <button class="player__big" type="button" aria-label="play">▶</button>
<div class="player__bar"> <div class="player__bar">
@@ -18,32 +47,8 @@
</div> </div>
</div> </div>
{{ end }} {{ end }}
{{ if $images }}<img{{ if or $hasText $video }} hidden{{ end }} src="{{ (index $images 0).src | relURL }}" alt="{{ .Title }}">{{ end }}
{{ if or $images $hasText }} <figcaption class="tui__status">{{ if $hasText }}info.md{{ else if $video }}video.mp4{{ else if $images }}{{ (index $images 0).name }}{{ end }}</figcaption>
<div class="tui tui--files filebrowser">
<p class="tui__cmd"><span class="tui__sym">$</span> ls</p>
{{ $total := len $images }}{{ if $hasText }}{{ $total = add $total 1 }}{{ end }}
<p class="tui__cmd tui__total">total {{ $total }}</p>
<ul class="tui__ls">
<li><a href="{{ "/portfolio/" | relURL }}" data-name="..">
<span class="tui__perm">drwxr-xr-x</span><span class="tui__name">..</span>
</a></li>
{{ if $hasText }}
<li><a data-name="info.md" data-text="info.md" class="is-selected">
<span class="tui__perm">-rw-r--r--</span><span class="tui__name">info.md</span>
</a></li>
{{ end }}
{{ range $i, $im := $images }}
<li><a data-img="{{ $im.src | relURL }}" data-name="{{ $im.name }}"{{ if and (not $hasText) (eq $i 0) }} class="is-selected"{{ end }}>
<span class="tui__perm">-rw-r--r--</span><span class="tui__name">{{ $im.name }}</span>
</a></li>
{{ end }}
</ul>
<figure class="tui__preview">
{{ if $hasText }}<div class="tui__text" data-text="info.md">{{ .Content }}</div>{{ end }}
<img{{ if $hasText }} hidden{{ end }} src="{{ with $images }}{{ (index . 0).src | relURL }}{{ end }}" alt="{{ .Title }}">
<figcaption class="tui__status">{{ if $hasText }}info.md{{ else if $images }}{{ (index $images 0).name }}{{ end }}</figcaption>
</figure> </figure>
</div> </div>
{{ end }} {{ end }}