<a class="skip-link" [routerLink]="[]" [fragment]="'app-body'">Aller au contenu</a>

<div class="visually-hidden">
  <p>Utilisez <strong>h</strong> (header) pour revenir au logo Res'in à tout moment.</p>
</div>
<app-header />
<main class="app-container">
  <div class="app-body" id="app-body" tabindex="-1" (scroll)="onScroll($event)">
    <div *ngIf="loading" class="loader" aria-busy="true">
      <img class="loader-gif" src="/assets/gif/loader_circle.gif" alt />
    </div>
    <ng-container *ngIf="!loading">
      <router-outlet name="left-pane" />
      <router-outlet />
    </ng-container>
  </div>
</main>
<router-outlet *ngIf="!loading" name="footer" />
<router-outlet name="print" />