From 49243758c9405f8af5302dd6c8d63ada22f97ffc Mon Sep 17 00:00:00 2001 From: Sean O'Connor Date: Wed, 10 Dec 2025 03:08:08 -0500 Subject: [PATCH] feat: Implement new 'soft, translucent, and alive' design system with updated UI components, navigation, and a new blog post. --- bun.lock | 4 +- src/app/blog/[slug]/page.tsx | 4 +- src/app/layout.tsx | 35 +-- src/app/projects/page.tsx | 6 +- src/app/travel/page.tsx | 2 +- src/components/ColorPalette.tsx | 193 +++++++++++++ src/components/Footer.tsx | 2 +- src/components/Navigation.tsx | 8 +- src/components/PageBreadcrumb.tsx | 7 +- src/components/Sidebar.tsx | 26 +- src/components/ui/button.tsx | 10 +- src/components/ui/card.tsx | 2 +- src/components/ui/dropdown-menu.tsx | 4 +- src/components/ui/tabs.tsx | 2 +- src/content/blog/designing-pdf2md.mdx | 123 +++++++++ src/content/blog/eceg431.mdx | 9 +- src/lib/fonts.ts | 9 +- src/styles/globals.css | 373 ++++++++------------------ tailwind.config.ts | 7 +- 19 files changed, 507 insertions(+), 319 deletions(-) create mode 100644 src/components/ColorPalette.tsx create mode 100644 src/content/blog/designing-pdf2md.mdx diff --git a/bun.lock b/bun.lock index 446b713..550a26d 100644 --- a/bun.lock +++ b/bun.lock @@ -29,10 +29,10 @@ "fs": "0.0.1-security", "geist": "^1.4.2", "lucide-react": "^0.454.0", - "next": "^16.0.6", + "next": "16.0.6", "pdfjs-dist": "^4.10.38", "radix-ui": "^1.4.2", - "react": "^19.2.0", + "react": "19.2.0", "react-dom": "19.2.0", "react-icons": "^5.5.0", "react-pdf": "^9.2.1", diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx index 3bbcc66..9f83ad2 100644 --- a/src/app/blog/[slug]/page.tsx +++ b/src/app/blog/[slug]/page.tsx @@ -49,12 +49,12 @@ export default async function BlogPost({ params }: PageProps) { return (
- + */}

{metadata.title}

diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 3311061..9d6aff6 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -7,7 +7,7 @@ import { Navigation } from "~/components/Navigation"; import { Sidebar } from "~/components/Sidebar"; import { BreadcrumbWrapper } from "~/components/BreadcrumbWrapper"; -import { inter } from "~/lib/fonts"; +import { inter, playfair } from "~/lib/fonts"; import { description, name } from "~/lib/data"; import "~/styles/globals.css"; @@ -19,11 +19,21 @@ export const metadata: Metadata = { export default function RootLayout({ children }: React.PropsWithChildren) { return ( - + + {/* Background Elements */} +
+
+
+
+ {env.NEXT_PUBLIC_UMAMI_WEBSITE_ID && (