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

<template>
  <div class="bg-dark-blue bg-cover min-h-screen">
    <NavBar/>
    <div class="flex flex-col place-content-center p-8">
      <p class="text-white text-xl lg:text-3xl text-center">
        This page is a work in progress. You can check out my projects on my <a href="https://git.shillerben.com" class="text-turquoise">Gitea</a>
        and on my <a href="https://github.com/shillerben" class="text-turquoise">GitHub</a>.
      </p>
    </div>
    <!-- <div>
      <h1 class="text-white text-xl lg:text-3xl text-center">Reinforcement Learning with SuperTuxKart</h1>
      <h1 class="text-white text-xl lg:text-3xl text-center">Battlesnake</h1>
      <h1 class="text-white text-xl lg:text-3xl text-center">FilePlayer</h1>
    </div> -->
  </div>
</template>

<style scoped>
/* h1 {
  color: white;
} */
</style>
