{{ define "bodyclass" }}page-legal{{ end }}
{{ define "main" }}
{{ $files := slice
  (.Site.GetPage "/legal/responsible")
  (.Site.GetPage "/legal/disclaimer")
  (.Site.GetPage "/legal/privacy")
  (.Site.GetPage "/legal/licences") }}
{{ $names := slice "responsible.md" "disclaimer.md" "privacy.md" "licences.md" }}
<div class="tui tui--files filebrowser">
  <p class="tui__cmd"><span class="tui__sym">$</span> ls</p>
  <p class="tui__cmd tui__total">total {{ len $files }}</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>
    {{ range $i, $p := $files }}{{ if $p }}
    <li><a data-name="{{ index $names $i }}" data-text="{{ index $names $i }}"{{ if eq $i 0 }} class="is-selected"{{ end }}>
      <span class="tui__perm">-rw-r--r--</span><span class="tui__name">{{ index $names $i }}</span>
    </a></li>
    {{ end }}{{ end }}
  </ul>

  <figure class="tui__preview">
    {{ range $i, $p := $files }}{{ if $p }}
    <div class="tui__text" data-text="{{ index $names $i }}"{{ if ne $i 0 }} hidden{{ end }}>{{ $p.Content }}</div>
    {{ end }}{{ end }}
    <figcaption class="tui__status">responsible.md</figcaption>
  </figure>
</div>
{{ end }}