22 lines
1.3 KiB
Vue
22 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
</script>
|
|
|
|
<template>
|
|
<div class="bg-charcoal w-screen h-screen">
|
|
<div class="bg-dark-blue 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="github-mark-white.svg" link="https://github.com/shillerben">GitHub</LinkIconText>
|
|
<LinkIconText img-src="gitea-logo.svg" link="https://git.shillerben.com/shillerben">Gitea</LinkIconText>
|
|
<LinkIconText img-src="linkedin-logo.svg" link="https://www.linkedin.com/in/ben-shiller/">LinkedIn</LinkIconText>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="bg-dark-blue grid grid-cols-3 grid-rows-3">
|
|
<div class="col-span-3 row-span-2 mx-auto my-auto text-white text-8xl text-center">Ben Shiller</div>
|
|
<LinkIconText class="col-span-1 row-span-1" img-src="github-mark-white.svg" link="https://github.com">GitHub</LinkIconText>
|
|
<LinkIconText class="col-span-1 row-span-1" img-src="gitea-logo.svg" link="https://git.shillerben.com/">Gitea</LinkIconText>
|
|
<LinkIconText class="col-span-1 row-span-1" img-src="linkedin-logo.svg" link="https://www.linkedin.com/in/ben-shiller/">LinkedIn</LinkIconText>
|
|
</div> -->
|
|
</div>
|
|
</template>
|