From 382edaab758a0ff5b8fdb84002a37db6fd017132 Mon Sep 17 00:00:00 2001 From: Akshay Kolli Date: Sat, 11 Apr 2026 23:27:29 -0400 Subject: [PATCH] updated look --- app/blog/[slug]/loading.tsx | 27 ++- app/blog/[slug]/page.tsx | 66 +++--- app/blog/loading.tsx | 35 +-- app/blog/page.tsx | 93 ++++---- app/globals.css | 275 ++++++++++++++++++++--- app/layout.tsx | 60 +++-- app/page.tsx | 102 ++++----- app/resume/page.tsx | 241 +++++++++++--------- components/layout/AmbientCanvas.tsx | 7 + components/layout/Footer.tsx | 24 +- components/layout/Navbar.tsx | 47 ++-- components/layout/ThemeToggle.tsx | 66 ++++++ components/mdx/Citation.tsx | 12 +- components/mdx/MobileTableOfContents.tsx | 56 ++--- components/mdx/SideNote.tsx | 12 +- components/mdx/TableOfContents.tsx | 14 +- public/profile.jpeg | Bin 184741 -> 164548 bytes public/profile_old.jpeg | Bin 0 -> 184741 bytes visitors.db | Bin 0 -> 4096 bytes visitors.db-shm | Bin 0 -> 32768 bytes visitors.db-wal | Bin 0 -> 997072 bytes 21 files changed, 740 insertions(+), 397 deletions(-) create mode 100644 components/layout/AmbientCanvas.tsx create mode 100644 components/layout/ThemeToggle.tsx create mode 100644 public/profile_old.jpeg create mode 100644 visitors.db create mode 100644 visitors.db-shm create mode 100644 visitors.db-wal diff --git a/app/blog/[slug]/loading.tsx b/app/blog/[slug]/loading.tsx index dcb2cbe..c0fd35d 100644 --- a/app/blog/[slug]/loading.tsx +++ b/app/blog/[slug]/loading.tsx @@ -1,15 +1,22 @@ +const lineWidths = ['78%', '92%', '85%', '88%', '74%', '96%', '82%', '69%']; + export default function BlogPostLoading() { return ( -
-
-
-
-
-
-
- {Array.from({ length: 8 }).map((_, i) => ( -
- ))} +
+
+
+
+
+
+
+
+
+
+ {lineWidths.map((width) => ( +
+ ))} +
+
); diff --git a/app/blog/[slug]/page.tsx b/app/blog/[slug]/page.tsx index c6e747d..35de691 100644 --- a/app/blog/[slug]/page.tsx +++ b/app/blog/[slug]/page.tsx @@ -3,14 +3,12 @@ import { MDXRemote } from 'next-mdx-remote/rsc'; import Link from 'next/link'; import { notFound } from 'next/navigation'; import { format } from 'date-fns'; -import rehypeSlug from 'rehype-slug'; import rehypeAutolinkHeadings from 'rehype-autolink-headings'; import { TableOfContents } from '@/components/mdx/TableOfContents'; import { SideNote } from '@/components/mdx/SideNote'; import { Citation, Bibliography } from '@/components/mdx/Citation'; import { MobileTableOfContents } from '@/components/mdx/MobileTableOfContents'; -// Utility to ensure consistent IDs const slugify = (text: React.ReactNode): string => { if (!text) return ''; const str = typeof text === 'string' ? text : String(text); @@ -21,16 +19,16 @@ const slugify = (text: React.ReactNode): string => { }; const components = { - h1: (props: React.ComponentPropsWithoutRef<'h1'>) =>

, - h2: (props: React.ComponentPropsWithoutRef<'h2'>) =>

, - h3: (props: React.ComponentPropsWithoutRef<'h3'>) =>

, - p: (props: React.ComponentPropsWithoutRef<'p'>) =>

, - ul: (props: React.ComponentPropsWithoutRef<'ul'>) =>