{{ define "main" }}
<div class="columns mt-5 is-variable is-mobile is-8">
  <!--
  If the current blog post belongs to a case, we will add a side menu
  with all other blog posts belonging to that case, emphasis to the current.
  -->
  {{ with .CurrentSection }}
  <aside class="menu box column is-3 is-align-self-flex-start is-fixed-top" style="position: sticky; top: 10%;">
    <p class="menu-label">
      Dans le dossier « <a href="{{ .Permalink }}">{{ .Params.Title }} »</a>...
    </p>
    <div class="menu-list">
      {{ $posts := (where $.Site.RegularPages "CurrentSection.Params.Code" "==" $.CurrentSection.Params.Code )}}
      {{ $postsSorted := (sort $posts "Date" )}}
      {{ range $postsSorted }}
      <a {{ if eq $.Title .Title }} class="is-active" {{ end }} href="{{ .Permalink }}">{{ .Title }}</a>
      {{ end }}
    </div>
  </aside>
  {{ end }}
  <section class="column is-8">
    <div>
      <article>
        {{ .Content }}
      </article>
    </div>
    <aside class="container level my-5">
      <div class="level-left">
        {{ with .PrevInSection }}
        <div class="level-item">
          <a class="button is-info" href="{{ .Permalink }}">&laquo;&laquo;&nbsp;{{ .Title }}</a>
        </div>
        {{ end }}
      </div>
      <div class="level-right">
        {{ with .NextInSection }}
        <div class="level-item">
          <a class="button is-info" href="{{ .Permalink }}">{{ .Title }}&nbsp;&raquo;&raquo;</a>
        </div>
        {{ end }}
      </div>
    </aside>
  </section>
  <aside class="box column is-2 is-align-self-flex-start" style="position: sticky; top: 10%;">
    {{- partial "about.html" . -}}
  </aside>
</div>
{{ end }}