soconnor
4dc9d5db9b
- tailwind.config.ts: add <alpha-value> to all color definitions so opacity modifiers (ring-foreground/10, outline-ring/50) render correctly - globals.css: move @keyframes out of @theme inline block (v4-only, ignored by browser in v3); remove @custom-variant block (also v4-only) - page.tsx, experience/page.tsx, publications/page.tsx: remove pb-3 from CardHeaders and pt-0 from CardContents — new shadcn card uses gap-4 so these overrides added extra space instead of removing it Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Personal Website
A modern, responsive personal website built with Next.js, TypeScript, and TailwindCSS. Features a clean, professional interface for showcasing projects and experience.
Features
- Responsive design optimized for all screen sizes
- Dark mode support
- PDF rendering for CV display
- Project showcase with filtering and sorting
- Built with modern web technologies
Tech Stack
- Next.js - React framework for production
- TypeScript - Static type checking
- TailwindCSS - Utility-first CSS framework
- Radix UI - Unstyled, accessible components
- Lucide Icons - Beautiful open source icons
Getting Started
-
Clone the repository:
git clone https://github.com/soconnor0919/personal-website.git -
Install dependencies:
bun install -
Start the development server:
bun dev -
Open http://localhost:3000 in your browser
-
Customize the data in
src/lib/data.tsto represent you!
Project Structure
src/
├── app/ # Next.js app router pages
├── components/ # React components
│ ├── ui/ # Reusable UI components
│ └── ... # Feature-specific components
├── lib/ # Utility functions and shared code
├── styles/ # Global styles
└── types/ # TypeScript type definitions
License
This project is licensed under the MIT License - see the LICENSE file for details.
Contact
Sean O'Connor
- Email: sean@soconnor.dev
- Website: soconnor.dev