kyaustad/portfolio-website
1
0
Fork 0
Code Packages Activity

Init Commit

Browse Source
This commit is contained in:
Kyle Austad
2025-02-26 15:40:10 -06:00
commit 8ca7e1ce91
95 changed files with 14713 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
components/ContactElement.vue Normal file
View File

@@ -0,0 +1,63 @@
<template>
<div class="flex bg-sky-400 min-w-[40%] min-h-[20%] rounded-xl p-4">
<div
class="flex flex-row justify-between gap-4 bg-zinc-900 grow p-4 rounded-xl"
>
<a href="mailto:me@kyleaustad.com" class="text-center">
<nuxt-img
class="rounded-xl transform transition-all duration-300 ease-out hover:scale-[1.2] max-w-[52px]"
src="/email.png"
></nuxt-img>
<p>Email</p>
</a>
<a href="https://www.linkedin.com/in/kyle-austad/" class="text-center">
<nuxt-img
class="rounded-xl transform transition-all duration-300 ease-out hover:scale-[1.2] max-w-[52px]"
src="/linkedin.png"
></nuxt-img>
<p>LinkedIn</p>
</a>
<a
href="https://github.com/kyaustad?tab=repositories"
class="text-center"
>
<nuxt-img
class="rounded-xl transform transition-all duration-300 ease-out hover:scale-[1.2] max-w-[52px]"
src="/github.png"
></nuxt-img>
<p>GitHub</p>
</a>
<a
href="https://git.crabinteractive.com/explore/repos"
class="text-center"
>
<nuxt-img
class="rounded-xl transform transition-all duration-300 ease-out hover:scale-[1.2] max-w-[52px]"
src="/gitea.webp"
></nuxt-img>
<p>Gitea</p>
</a>
</div>
</div>
<div
class="flex bg-sky-400 max-w-[60%] sm:max-w-[40%] min-h-[20%] rounded-xl p-2"
>
<div
class="flex flex-col justify-between gap-4 bg-zinc-900 text-center grow p-2 rounded-xl"
>
<h3 class="text-white font-base text-sm">
This website was made using Nuxt 3, PrimeVue, jsParticles, and
TailwindCSS.
</h3>
<h3 class="text-white font-base text-sm">
Thank you to the open source community!
</h3>
</div>
</div>
</template>
<script lang="ts" setup></script>
<style></style>