feat(site): add default layout and homepage content mirroring existing site using Nuxt UI
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<NuxtRouteAnnouncer />
|
<NuxtRouteAnnouncer />
|
||||||
<NuxtWelcome />
|
<NuxtPage />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</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