{{ 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 }}/&nbsp;&nbsp;{{ $first.Date.Format "2006" }}</figcaption>
  </figure>
</div>
{{ if $hasText }}<aside class="proj-info">{{ .Content }}</aside>{{ end }}
</div>
{{ end }}