{{ define "bodyclass" }}page-about{{ end }}
{{ define "main" }}
{{ $files := slice
  (.Site.GetPage "/cv")
  (.Site.GetPage "/openbureau")
  (.Site.GetPage "/ob/rapport")
  (.Site.GetPage "/ob/dossier") }}
{{ $names := slice "cv.md" "openbureau.md" "rapport.md" "dossier.md" }}
{{ $total := 0 }}{{ range $files }}{{ if . }}{{ $total = add $total 1 }}{{ end }}{{ end }}
<div class="proj-layout">
{{ if gt $total 0 }}
<div class="tui tui--files filebrowser">
  <p class="tui__cmd"><span class="tui__sym">$</span> ls</p>
  <p class="tui__cmd tui__total">total {{ $total }}</p>
  <ul class="tui__ls">
    <li><a href="{{ "/" | relLangURL }}" data-name="..">
      <span class="tui__perm">drwxr-xr-x</span><span class="tui__name">..</span>
    </a></li>
    {{ $first := true }}
    {{ range $i, $p := $files }}{{ if $p }}
    <li><a data-name="{{ index $names $i }}" data-text="{{ index $names $i }}"{{ if $first }} class="is-selected"{{ end }}>
      <span class="tui__perm">-rw-r--r--</span><span class="tui__name">{{ index $names $i }}</span>
    </a></li>
    {{ $first = false }}
    {{ end }}{{ end }}
  </ul>

  <figure class="tui__preview">
    {{ $first := true }}
    {{ range $i, $p := $files }}{{ if $p }}
    <div class="tui__text" data-text="{{ index $names $i }}"{{ if not $first }} hidden{{ end }}>{{ $p.Content }}</div>
    {{ $first = false }}
    {{ end }}{{ end }}
    <figcaption class="tui__status">{{ range $i, $p := $files }}{{ if $p }}{{ index $names $i }}{{ break }}{{ end }}{{ end }}</figcaption>
  </figure>
</div>
{{ end }}
<aside class="proj-info">{{ .Content }}</aside>
</div>
{{ end }}