feat(site): add default layout and homepage content mirroring existing site using Nuxt UI
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<NuxtRouteAnnouncer />
|
||||
<NuxtWelcome />
|
||||
<NuxtPage />
|
||||
</div>
|
||||
</template>
|
||||
|
33
app/layouts/default.vue
Normal file
33
app/layouts/default.vue
Normal 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
42
app/pages/index.vue
Normal 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>
|
||||
|
||||
|
Reference in New Issue
Block a user