kgva CMS
ffe9fa11fc
grid-column:3 + justify-self:end put name and tags in the same cell but grid stacks co-located items instead of placing them side by side, so the tag wrapped to a second line. wrapped both in a flex row (justify-content:space-between) inside that grid cell instead.
32 lines
1.4 KiB
HTML
32 lines
1.4 KiB
HTML
{{ define "bodyclass" }}page-portfolio{{ end }}
|
|
{{ define "main" }}
|
|
{{ $sorted := sort .Pages "Date" "desc" }}
|
|
{{ $first := index $sorted 0 }}
|
|
{{ $hasText := ne (.RawContent | strings.TrimSpace) "" }}
|
|
<div class="proj-layout">
|
|
<div class="tui filebrowser">
|
|
<p class="tui__cmd"><span class="tui__sym">$</span> ls</p>
|
|
<p class="tui__cmd tui__total">total {{ len $sorted }}</p>
|
|
<ul class="tui__ls">
|
|
<li><a href="{{ "/" | relLangURL }}" data-name="..">
|
|
<span class="tui__perm">drwxr-xr-x</span><span class="tui__date"></span><span class="tui__name">..</span>
|
|
</a></li>
|
|
{{ range $i, $p := $sorted }}
|
|
<li><a href="{{ $p.RelPermalink }}"
|
|
data-img="{{ with $p.Params.thumbnail }}{{ . | relURL }}{{ end }}"
|
|
data-name="{{ $p.Slug }}"
|
|
{{ if eq $i 0 }}class="is-selected"{{ end }}>
|
|
<span class="tui__perm">drwxr-xr-x</span><span class="tui__date">{{ $p.Date.Format "2006" }}</span><span class="tui__row3"><span class="tui__name">{{ $p.Slug }}/</span>{{ with $p.Params.categories }}<span class="tui__tags">{{ range . }}[{{ . }}]{{ end }}</span>{{ end }}</span>
|
|
</a></li>
|
|
{{ end }}
|
|
</ul>
|
|
|
|
<figure class="tui__preview">
|
|
<img src="{{ $first.Params.thumbnail | relURL }}" alt="{{ $first.Slug }}">
|
|
<figcaption class="tui__status">{{ $first.Slug }}/ {{ $first.Date.Format "2006" }}</figcaption>
|
|
</figure>
|
|
</div>
|
|
{{ if $hasText }}<aside class="proj-info">{{ .Content }}</aside>{{ end }}
|
|
</div>
|
|
{{ end }}
|