{{ define "main" }}
<div class="row justify-content-center mt-5">
  <div class="col-lg-12 text-center mt-5 pt-5">
    <img src="/logo.png" alt="Logo de Loi.re" loading="lazy" width="300">
  </div>
</div>
<section class="section container-fluid">
  <div class="row justify-content-center">
    <div class="col-lg-12 text-center">
      <h1 class="mt-0">{{ .Title }}</h1>
    </div>
    <div class="col-lg-9 col-xl-8 text-center">
      <p class="lead">{{ .Params.lead | safeHTML }}</p>
      <a class="btn btn-primary btn-lg px-4 mb-2" href="/documentation/{{ if .Site.Params.options.docsVersioning }}{{ .Site.Params.docsVersion }}/{{ end }}introduction/bienvenue/" role="button">En savoir plus</a>
    </div>
  </div>
</section>
{{ end }}

{{ define "sidebar-prefooter" }}
<section class="section section-sm">
  <div class="container">
    <div class="row justify-content-center text-center">
      <div class="col-lg-5">
        <h2 class="h4">
          <a href="https://mdp.loi.re">Mots de passes</a>
        </h2>
        <p>Facilitez vous la gestion de vos mots de passes, avec ce service libre vous avez besoin de retenir qu'un seul mot de passe.</p>
        <div class="btn-group" role="group" aria-label="Basic outlined example">
          <a href="/documentation/services/mdp" class="btn btn-outline-primary">Documentation</a>
          <a href="https://mdp.loi.re" class="btn btn-primary">Accéder au service</a>
        </div>
      </div>
      <div class="col-lg-5">
        <h2 class="h4">
          <a href="https://pdf.loi.re">Gestion de PDF</a>
        </h2>
        <p>
          Signer, parapher, tamponner, compléter un document PDF mais aussi fusionner,
          trier, pivoter, supprimer, extraire des pages !
        </p>
        <div class="btn-group" role="group" aria-label="Basic outlined example">
          <a href="/documentation/services/pdf" class="btn btn-outline-primary">Documentation</a>
          <a href="https://pdf.loi.re" class="btn btn-primary">Accéder au service</a>
        </div>
      </div>
      <div class="col-lg-5">
        <h2 class="h4">
          <a href="https://forum.loi.re">Discussion & support</a>
        </h2>
        <p>
          Vous avez des questions sur un service, une mauvaise compréhension du numérique,
          besoin d'aide. N'hésitez pas !
        </p>
        <div class="btn-group" role="group" aria-label="Basic outlined example">
          <a href="/documentation/services/forum" class="btn btn-outline-primary">Documentation</a>
          <a href="https://forum.loi.re" class="btn btn-primary">Accéder au service</a>
        </div>
      </div>
    </div>
  </div>
</section>
{{ end }}

{{ define "sidebar-footer" }}
<section class="section section-sm container-fluid">
  <div class="row justify-content-center text-center">
    <div class="col-lg-9">
      {{- .Content -}}
    </div>
  </div>
</section>
{{ end }}