brosner/site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(style): remove Nuxt UI, switch to Bulma-only, update layout and homepage

Browse Source
This commit is contained in:
Brian Rosner
2025-08-16 09:10:23 -06:00
parent 6fb19ff89c
commit 57634adf42
5 changed files with 129 additions and 932 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
app/layouts/default.vue
View File

@@ -1,28 +1,44 @@
<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>
<nav class="navbar">
<div class="container">
<div class="navbar-brand"></div>
<div class="navbar-menu">
<div class="navbar-end">
<div class="navbar-item">
<div class="field is-grouped">
<p class="control">
<a href="https://github.com/brosner" class="button is-dark" target="_blank" rel="noopener">
<span class="icon">
<svg version="1.1" role="presentation" width="17.82857142857143" height="20.8" viewBox="0 0 1536 1792" class="fa-icon" style="font-size: 1.3em;"><path d="M768 128q209 0 385.5 103t279.5 279.5 103 385.5q0 251-146.5 451.5t-378.5 277.5q-27 5-40-7t-13-30q0-3 0.5-76.5t0.5-134.5q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-119-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-85-13.5q-45 113-8 204-79 87-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-39 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 0.5 88.5t0.5 54.5q0 18-13 30t-40 7q-232-77-378.5-277.5t-146.5-451.5q0-209 103-385.5t279.5-279.5 385.5-103zM291 1231q3-7-7-12-10-3-13 2-3 7 7 12 9 6 13-2zM322 1265q7-5-2-16-10-9-16-3-7 5 2 16 10 10 16 3zM352 1310q9-7 0-19-8-13-17-6-9 5 0 18t17 7zM394 1352q8-8-4-19-12-12-20-3-9 8 4 19 12 12 20 3zM451 1377q3-11-13-16-15-4-19 7t13 15q15 6 19-6zM514 1382q0-13-17-11-16 0-16 11 0 13 17 11 16 0 16-11zM572 1372q-2-11-18-9-16 3-14 15t18 8 14-14z"></path></svg>
</span>
</a>
</p>
<p class="control">
<a href="https://www.threads.net/@brosner" class="button is-info" target="_blank" rel="noopener">
<span class="icon">
<svg version="1.1" role="presentation" width="19.314285714285717" height="20.8" viewBox="0 0 1664 1792" class="fa-icon" style="font-size: 1.3em;"><path d="M1620 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z"></path></svg>
</span>
</a>
</p>
</div>
</div>
</div>
</div>
</template>
</UHeader>
</div>
</nav>
<main class="container mx-auto px-4 py-8 flex-1">
<main>
<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>.
<footer class="footer">
<div class="content is-small has-text-centered">
<p>
Site built with <a href="https://nuxt.com" target="_blank">Nuxt</a> and <a href="https://bulma.io" target="_blank">Bulma</a>. Hosted on <a href="https://firebase.google.com" target="_blank">Firebase</a>.
</p>
</div>
</UFooter>
</footer>
</div>
</template>

79
app/pages/index.vue
View File

@@ -1,38 +1,63 @@
<template>
<div>
<section class="py-8">
<div class="container mx-auto px-4">
<h1 class="text-4xl font-extrabold">Brian Rosner</h1>
<div id="app" class="hello wrapper">
<nav class="navbar">
<div class="container">
<div class="navbar-brand"></div>
<div class="navbar-menu">
<div class="navbar-end">
<div class="navbar-item">
<div class="field is-grouped">
<p class="control">
<a href="https://github.com/brosner" class="button is-dark" target="_blank" rel="noopener">
<span class="icon">
<svg version="1.1" role="presentation" width="17.82857142857143" height="20.8" viewBox="0 0 1536 1792" class="fa-icon" style="font-size: 1.3em;"><path d="M768 128q209 0 385.5 103t279.5 279.5 103 385.5q0 251-146.5 451.5t-378.5 277.5q-27 5-40-7t-13-30q0-3 0.5-76.5t0.5-134.5q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-119-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-85-13.5q-45 113-8 204-79 87-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-39 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 0.5 88.5t0.5 54.5q0 18-13 30t-40 7q-232-77-378.5-277.5t-146.5-451.5q0-209 103-385.5t279.5-279.5 385.5-103zM291 1231q3-7-7-12-10-3-13 2-3 7 7 12 9 6 13-2zM322 1265q7-5-2-16-10-9-16-3-7 5 2 16 10 10 16 3zM352 1310q9-7 0-19-8-13-17-6-9 5 0 18t17 7zM394 1352q8-8-4-19-12-12-20-3-9 8 4 19 12 12 20 3zM451 1377q3-11-13-16-15-4-19 7t13 15q15 6 19-6zM514 1382q0-13-17-11-16 0-16 11 0 13 17 11 16 0 16-11zM572 1372q-2-11-18-9-16 3-14 15t18 8 14-14z"></path></svg>
</span>
</a>
</p>
<p class="control">
<a href="https://www.threads.net/@brosner" class="button is-info" target="_blank" rel="noopener">
<span class="icon">
<svg version="1.1" role="presentation" width="19.314285714285717" height="20.8" viewBox="0 0 1664 1792" class="fa-icon" style="font-size: 1.3em;"><path d="M1620 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z"></path></svg>
</span>
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</nav>
<section class="section">
<div class="container">
<h1 class="title is-1">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>
<section class="section">
<div class="container">
<div class="columns">
<div class="column is-two-thirds content is-large">
<h2>Work</h2>
<p>
I am a Senior Software Engineer at
<a href="https://ramp.com/" target="_blank">Ramp</a>
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 <a href="https://en.wikipedia.org/wiki/Denver" target="_blank">Denver</a>,
<a href="https://en.wikipedia.org/wiki/Colorado" target="_blank">CO</a>. 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>
</div>
</section>
</div>
</template>
<script setup lang="ts">

3
nuxt.config.ts
View File

@@ -2,5 +2,6 @@
export default defineNuxtConfig({
compatibilityDate: '2025-07-15',
devtools: { enabled: true },
modules: ['@nuxt/ui']
modules: [],
css: ['bulma/css/bulma.min.css']
})

2
package.json
View File

@@ -10,7 +10,7 @@
"postinstall": "nuxt prepare"
},
"dependencies": {
"@nuxt/ui": "3.3.2",
"bulma": "^1.0.4",
"nuxt": "^4.0.3",
"typescript": "^5.6.3",
"vue": "^3.5.18",

925
yarn.lock
View File

File diff suppressed because it is too large Load Diff