diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.tsx | 8 | ||||
| -rw-r--r-- | src/components/Navbar.tsx | 25 | ||||
| -rw-r--r-- | src/pages/Gear.tsx | 43 | ||||
| -rw-r--r-- | src/pages/Projects.tsx | 24 |
4 files changed, 15 insertions, 85 deletions
diff --git a/src/App.tsx b/src/App.tsx index ca7bcb4..0d4b55e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,8 +1,6 @@ import { Routes, Route } from 'react-router-dom'; import Navbar from './components/Navbar'; -import Gear from './pages/Gear'; import Home from './pages/Home'; -import Projects from './pages/Projects'; import Footer from './components/Footer'; import NotFound from './pages/404'; import Blog from './pages/Blog'; @@ -11,13 +9,11 @@ import Post from './pages/Post'; function App() { return ( - <> + <> <Navbar /> - <section className="max-w-xl mx-auto py-5 px-4"> + <section className="max-w-4xl mx-auto py-5 px-4"> <Routes> <Route path="/" element={<Home />} /> - <Route path="/gear" element={<Gear />} /> - <Route path='/projects' element={<Projects />} /> <Route path='/blog' element={<Blog />} /> <Route path='/blog/:slug' element={<Post />} /> <Route path='*' element={<NotFound />} /> diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 5f9dbbd..720274b 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -1,22 +1,23 @@ +import { Button } from "./ui/button"; import ThemeToggle from "./ThemeToggle"; -export default function Navbar() { - const navItems = [ - { label: 'Home', href: '/' }, - { label: 'Gear', href: '/gear' }, - { label: 'Projects', href: '/projects' }, - { label: 'Blog', href: '/blog' } - ]; +const navItems = [ + { label: "Home", href: "/" }, + { label: "Blog", href: "/blog" }, +]; +export default function Navbar() { return ( - <nav className="sticky top-0 z-50 backdrop-blur flex items-center"> - <div className="max-w-2xl mx-auto flex px-4 py-4 text-sm"> - <div className="flex gap-6 items-center"> + <nav className="sticky top-0 z-50 w-full backdrop-blur"> + <div className="max-w-2xl mx-auto flex items-center justify-between px-4 py-4"> + <div className="flex gap-4 justify-center flex-1"> {navItems.map(({ label, href }) => ( - <a className="hover:underline" key={label} href={href}>{label}</a> + <Button key={label} variant="ghost" asChild> + <a href={href}>{label}</a> + </Button> ))} - <ThemeToggle /> </div> + <ThemeToggle /> </div> </nav> ); diff --git a/src/pages/Gear.tsx b/src/pages/Gear.tsx deleted file mode 100644 index a1984ee..0000000 --- a/src/pages/Gear.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import Card from '../components/Card'; - -import { - dailyDrivers, - desktopParts, - nasParts, - type Part, -} from '../data/gear'; - -function PartsGroup({ title, parts }: { title?: string; parts: Part[] }) { - return ( - <> - {title && <h2 className="text-2xl font-semibold my-8">{title}</h2>} - <ul className="space-y-2"> - {parts.map((p) => ( - <li key={p.name}> - <Card - title={p.name} - body={p.description} - href={p.url} - imgSrc={p.image} - /> - </li> - ))} - </ul> - </> - ); -} - -export default function Gear() { - return ( - <> - <title>߸ gear</title> - <h1>Gear</h1> - - <PartsGroup parts={dailyDrivers} /> - - <PartsGroup title="Desktop" parts={desktopParts} /> - - <PartsGroup title="NAS" parts={nasParts} /> - </> - ); -} diff --git a/src/pages/Projects.tsx b/src/pages/Projects.tsx deleted file mode 100644 index 973eaa0..0000000 --- a/src/pages/Projects.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import Card from '../components/Card'; -import { projects, type Project } from '../data/projects'; - -export default function Projects() { - return ( - <> - <title>߸ projects</title> - <h1>Projects</h1> - - <ul className="space-y-2"> - {projects.map((p: Project) => ( - <li key={p.name}> - <Card - title={p.name} - body={p.description} - href={p.url} - imgSrc={p.image} - /> - </li> - ))} - </ul> - </> - ); -} |