shillerben-nuxt/pages/About.vue

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

<template>
  <div class="bg-dark-blue min-h-max h-screen">
    <div class="bg-blue w-screen">
      <NavBar/>
      <div class="flex flex-col items-center gap-8">
        <div class="position-self-center my-4 text-white text-4xl lg:text-8xl text-center">Ben Shiller</div>
        <div class="justify-self-end flex flex-row gap-8 lg:gap-32">
          <LinkIconText img-src="/logos/github.svg" link="https://github.com/shillerben">GitHub</LinkIconText>
          <LinkIconText img-src="/logos/gitea.svg" link="https://git.shillerben.com/shillerben">Gitea</LinkIconText>
          <LinkIconText img-src="/logos/linkedin.svg" link="https://www.linkedin.com/in/ben-shiller/">LinkedIn</LinkIconText>
        </div>
      </div>
    </div>
    <div class="bg-dark-blue p-4">
      <div class="flex flex-col text-white mx-auto lg:w-1/2 content-center">
        <p class="text-xl lg:text-2xl text-center py-2">
          Welcome to my website! My name is Ben Shiller, and I'm a software devolper at Innovative Signal Analysis. I received my B.S. in Computer Engineering
          from Texas A&M University in 2020, and I am currently working towards a M.S. in Computer Science at the University of Texas at Austin.
        </p>
      </div>
    </div>
  </div>
</template>

<style>
</style>