<template>
  <div class="layout bg-gray-100">
    <a class="button is-link is-sr-only" href="#content">Accéder au contenu</a>
    <LayoutNavBar id="nav" />
    <div id="content" class="container">
      <a class="button is-link is-sr-only" href="#nav">
        Accéder à la navigation
      </a>
      <slot />
    </div>
    <LayoutFooter />
  </div>
</template>

<script setup lang="ts">
useHead({
  titleTemplate: (pageTitle) =>
    (pageTitle ? `${pageTitle} | ` : "") + " Ciné-club ENS Ulm",
})
</script>
