29 lines
1.5 KiB
Vue
29 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
</script>
|
|
|
|
<template>
|
|
<div class="bg-charcoal min-h-max h-screen">
|
|
<!-- <div class="bg-dark-blue w-screen flex flex-col items-center gap-8"> -->
|
|
<div class="bg-dark-green w-screen 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 class="bg-charcoal p-4">
|
|
<div class="flex flex-col bg-light-grey text-charcoal mx-auto lg:w-1/2 content-center">
|
|
<p class="text-xl text-center my-2">
|
|
Welcome to my website! My name is Ben Shiller, and I'm a software devolper at ISA. I got a B.S. in Computer Engineering
|
|
from Texas A&M University in 2020, and now I'm working towards a M.S. in Computer Science at the University of Texas at Austin.
|
|
</p>
|
|
<p class="text-xl text-center my-2">
|
|
Eventually I'll get around to making this into something cool, but for now you can check out my other projects on my
|
|
<a href="https://git.shillerben.com/shillerben" class="text-dark-green">Gitea</a>!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|