feat(site): add default layout and homepage content mirroring existing site using Nuxt UI

This commit is contained in:
2025-08-16 09:06:17 -06:00
parent 00dad9fd3f
commit 6fb19ff89c
3 changed files with 76 additions and 1 deletions

View File

@@ -1,6 +1,6 @@
<template>
<div>
<NuxtRouteAnnouncer />
<NuxtWelcome />
<NuxtPage />
</div>
</template>

33
app/layouts/default.vue Normal file
View File

@@ -0,0 +1,33 @@
<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>

42
app/pages/index.vue Normal file
View File

@@ -0,0 +1,42 @@
<template>
<div>
<section class="py-8">
<div class="container mx-auto px-4">
<h1 class="text-4xl font-extrabold">Brian Rosner</h1>
</div>
</section>
<section class="py-8">
<div class="container mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="md:col-span-2 prose prose-invert:prose">
<h2>Work</h2>
<p>
I am a Senior Software Engineer at
<ULink to="https://ramp.com/" target="_blank">Ramp</ULink>
working on the infrastructure team.
</p>
<p>
Previously, I was a Senior Software Engineer at Reddit, the CTO at
Gemr and the Chief Architect at Eldarion.
</p>
<h2>Home</h2>
<p>
I live in
<ULink to="https://en.wikipedia.org/wiki/Denver" target="_blank">Denver</ULink>,
<ULink to="https://en.wikipedia.org/wiki/Colorado" target="_blank">CO</ULink>.
I am the husband to Hannah Yabrove-Rosner. I am the father to
Eddie, Dylan, Minnie (dog), Jack (dog), and Lily (cat).
</p>
</div>
</div>
</section>
</div>
</template>
<script setup lang="ts">
definePageMeta({ layout: 'default' })
</script>