<script setup lang="ts">
</script>

<template>
  <header>
    <div class="pt-10 px-4 text-2xl grid place-items-center">
      <nav>
        <RouterLink to="/">Home</RouterLink> |
        <RouterLink to="/About">About</RouterLink> |
        <RouterLink to="/Fortran">Fortran</RouterLink> |
        <RouterLink to="/Pascal">Pascal</RouterLink> |
        <RouterLink to="/Lisp">Lisp</RouterLink>
      </nav>
    </div>
  </header>

  <main class="pt-10 flex justify-center">
    <div class="w-full max-w-screen-lg px-4 ">
      <RouterView />
    </div>
  </main>

  <footer class="flex justify-center pt-10 mt-10 inset-x-0 bottom-0">
    Author: Still under construction
  </footer>
</template>