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

<template>
  <div class="flex flex-col min-h-screen bg-var_background">
    <header class="flex justify-center">
      <nav class="pt-10 text-2xl flex place-items-center">
        <RouterLink class="mx-3" to="/">Home</RouterLink> |
        <RouterLink class="mx-3" to="/About">About</RouterLink> |
        <RouterLink class="mx-3" to="/Fortran">Fortran</RouterLink> |
        <RouterLink class="mx-3" to="/Pascal">Pascal</RouterLink> |
        <RouterLink class="mx-3" to="/Lisp">Lisp</RouterLink>
      </nav>
    </header>

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

    <footer class="flex justify-center pt-10 mt-10 pb-2">
      Author: Still under construction
    </footer>
  </div>

</template>