34 lines
1.0 KiB
Vue
34 lines
1.0 KiB
Vue
|
<template>
|
||
|
<div class="min-h-screen flex flex-col">
|
||
|
<UHeader>
|
||
|
<template #left>
|
||
|
<div class="text-xl font-semibold">Brian Rosner</div>
|
||
|
</template>
|
||
|
<template #right>
|
||
|
<div class="flex items-center gap-2">
|
||
|
<UButton to="https://github.com/brosner" target="_blank" icon="i-simple-icons-github" color="gray" variant="solid"/>
|
||
|
<UButton to="https://www.threads.net/@brosner" target="_blank" icon="i-simple-icons-threads" color="primary" variant="solid"/>
|
||
|
<UColorModeButton />
|
||
|
</div>
|
||
|
</template>
|
||
|
</UHeader>
|
||
|
|
||
|
<main class="container mx-auto px-4 py-8 flex-1">
|
||
|
<slot />
|
||
|
</main>
|
||
|
|
||
|
<UFooter>
|
||
|
<div class="text-center text-sm w-full">
|
||
|
Site built with <ULink to="https://nuxt.com" target="_blank">Nuxt</ULink> & <ULink to="https://ui.nuxt.com" target="_blank">Nuxt UI</ULink>.
|
||
|
Hosted on <ULink to="https://firebase.google.com" target="_blank">Firebase</ULink>.
|
||
|
</div>
|
||
|
</UFooter>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script setup lang="ts">
|
||
|
// no-op
|
||
|
</script>
|
||
|
|
||
|
|