From b73d83d9420a477bdb4fa5098185213e74b92662 Mon Sep 17 00:00:00 2001 From: Sean O'Connor Date: Mon, 28 Oct 2024 21:55:29 -0700 Subject: [PATCH] dark mode --- src/app/layout.tsx | 46 ++++++++++++++++++++--------------- src/app/page.tsx | 6 ++--- src/app/publications/page.tsx | 10 ++++---- src/components/Navigation.tsx | 31 +++++++++++++++-------- src/components/ui/badge.tsx | 2 +- src/styles/globals.css | 35 +++++++++++++++++++++++++- tailwind.config.ts | 4 +++ 7 files changed, 94 insertions(+), 40 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index fc1d01c..d7e0656 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,11 +1,11 @@ -import { inter } from "~/lib/fonts" -import "~/styles/globals.css" -import { Navigation } from "~/components/Navigation" -import { Sidebar } from "~/components/Sidebar" -import { ThemeProvider } from 'next-themes' -import { Footer } from "~/components/Footer" import { Analytics } from "@vercel/analytics/react" import { SpeedInsights } from "@vercel/speed-insights/next" +import { ThemeProvider } from "next-themes" +import { Footer } from "~/components/Footer" +import { Navigation } from "~/components/Navigation" +import { Sidebar } from "~/components/Sidebar" +import { inter } from "~/lib/fonts" +import "~/styles/globals.css" export const metadata = { title: "Sean O'Connor", @@ -17,22 +17,28 @@ export default function RootLayout({ children }: React.PropsWithChildren) { return ( - - - -
-
-
- -
- {children} -
+ + + + +
+
+
+ +
+ {children} +
+
-
-
+
+ ) diff --git a/src/app/page.tsx b/src/app/page.tsx index bf66c2c..c49bbc3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -26,7 +26,7 @@ export default function HomePage() {
-
    +
    • Full-stack development with modern frameworks (React, Next.js, Node.js)
    • Robotics development using ROS2 and C++
    • Systems programming and architecture design
      • @@ -44,7 +44,7 @@ export default function HomePage() {
-
    +
    • Human-Robot Interaction studies and experimental design
    • Published researcher at IEEE RO-MAN 2024
    • Development of experimental platforms for HRI research
      • @@ -61,7 +61,7 @@ export default function HomePage() { -
        +
        • President of AIChE Chem-E-Car Competition Team
        • Treasurer of Bucknell Coffee Society
        • Teaching Assistant for Computer Science courses
          • diff --git a/src/app/publications/page.tsx b/src/app/publications/page.tsx index faa3178..ccc43d0 100644 --- a/src/app/publications/page.tsx +++ b/src/app/publications/page.tsx @@ -116,7 +116,7 @@ export default function PublicationsPage() { target="_blank" rel="noopener noreferrer" > - + DOI @@ -128,7 +128,7 @@ export default function PublicationsPage() { target="_blank" rel="noopener noreferrer" > - + Paper @@ -140,16 +140,16 @@ export default function PublicationsPage() { target="_blank" rel="noopener noreferrer" > - + Poster )} - downloadBibtex(pub)} className="cursor-pointer capitalize" - variant="outline" + variant="secondary" > BibTeX diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx index 53ccf26..a4b8fa6 100644 --- a/src/components/Navigation.tsx +++ b/src/components/Navigation.tsx @@ -4,7 +4,7 @@ import Link from 'next/link'; import { usePathname } from 'next/navigation'; import { useTheme } from 'next-themes'; import { useState } from 'react'; -import { Home, FolderGit2, FileText, BookOpenText, Menu, X } from 'lucide-react'; +import { Home, FolderGit2, FileText, BookOpenText, Menu, X, Sun, Moon } from 'lucide-react'; // Define the nav items without icons const navItems = [ @@ -17,20 +17,26 @@ const navItems = [ export function Navigation() { const { theme, setTheme } = useTheme(); const pathname = usePathname(); - const [isOpen, setIsOpen] = useState(false); // State to manage the navbar toggle + const [isOpen, setIsOpen] = useState(false); return ( -