>(({ className, ...props }, ref) => (
-
-
+
{children}
diff --git a/src/lib/data.ts b/src/lib/data.ts
index f416c27..0f621ec 100644
--- a/src/lib/data.ts
+++ b/src/lib/data.ts
@@ -1,185 +1,252 @@
-import { Github, Linkedin, Mail, Phone, School, GraduationCap } from "lucide-react";
+import { Github, Linkedin, Mail, School, GraduationCap } from "lucide-react";
export const name = [
{
first: "Sean",
- last: "O'Connor"
- }
-]
+ last: "O'Connor",
+ },
+];
export const description = "Personal website and portfolio";
export const location = [
{
icon: School,
- label: 'Bucknell University',
- href: 'https://bucknell.edu'
+ label: "Bucknell University",
+ href: "https://bucknell.edu",
},
{
- label: 'Computer Science and Engineering',
- }
-]
+ label: "Computer Science and Engineering",
+ },
+];
export const contact = [
{
icon: Mail,
- label: 'Personal Email',
- href: 'mailto:sean@soconnor.dev'
+ label: "Personal Email",
+ href: "mailto:sean@soconnor.dev",
},
{
icon: Mail,
- label: 'University Email',
- href: 'mailto:sso005@bucknell.edu'
- },
- {
- icon: Phone,
- label: 'Phone',
- href: 'tel:+16316016555'
+ label: "University Email",
+ href: "mailto:sso005@bucknell.edu",
},
+
{
icon: GraduationCap,
- label: 'Google Scholar',
- href: 'https://scholar.google.com/citations?hl=en&user=OCgINDcAAAAJ',
- external: true
+ label: "Google Scholar",
+ href: "https://scholar.google.com/citations?hl=en&user=OCgINDcAAAAJ",
+ external: true,
},
{
icon: Linkedin,
- label: 'LinkedIn',
- href: 'https://linkedin.com/in/bu-soconnor',
- external: true
+ label: "LinkedIn",
+ href: "https://linkedin.com/in/bu-soconnor",
+ external: true,
},
{
icon: Github,
- label: 'GitHub',
- href: 'https://github.com/soconnor0919',
- external: true
- }
+ label: "GitHub",
+ href: "https://github.com/soconnor0919",
+ external: true,
+ },
];
export const articles = [
{
- title: "Positively Innovative: Robotics for Good",
- link: "https://magazine.bucknell.edu/issue/fall-2024/robotics-for-good/",
- author: "Kate Willard",
- description: "Sean O'Connor '26 is using his interest in robotics to fuel forward-thinking research and lead important conversations about the impact robots can have on society.",
- source: "Bucknell Magazine (Fall 2024)"
+ title: "Positively Innovative: Robotics for Good",
+ link: "https://magazine.bucknell.edu/issue/fall-2024/robotics-for-good/",
+ author: "Kate Willard",
+ description:
+ "Sean O'Connor '26 is using his interest in robotics to fuel forward-thinking research and lead important conversations about the impact robots can have on society.",
+ source: "Bucknell Magazine (Fall 2024)",
},
{
- title: "Student Story: Sean O'Connor '26, Computer Science and Engineering",
- link: "https://www.bucknell.edu/meet-bucknell/bucknell-stories/student-stories/sean-oconnor-26-computer-science-engineering",
- author: "Sarah Downey",
- description: "At Bucknell, Sean O'Connor '26 is conducting research to improve the ways robots assist, collaborate and coexist with humans.",
- source: "Bucknell Student Stories"
+ title: "Student Story: Sean O'Connor '26, Computer Science and Engineering",
+ link: "https://www.bucknell.edu/meet-bucknell/bucknell-stories/student-stories/sean-oconnor-26-computer-science-engineering",
+ author: "Sarah Downey",
+ description:
+ "At Bucknell, Sean O'Connor '26 is conducting research to improve the ways robots assist, collaborate and coexist with humans.",
+ source: "Bucknell Student Stories",
},
{
- title: "Shaping the Future: Exploring the Social Impact of Robots",
- link: "https://magazine.bucknell.edu/college-of-engineering/2024-college-report/",
- author: "Bucknell Publications",
- description: "RoboLab provides an environment for scholarly and creative conversations.",
- source: "the Bucknell College of Engineering Report 2024"
- }
+ title: "Shaping the Future: Exploring the Social Impact of Robots",
+ link: "https://magazine.bucknell.edu/college-of-engineering/2024-college-report/",
+ author: "Bucknell Publications",
+ description:
+ "RoboLab provides an environment for scholarly and creative conversations.",
+ source: "the Bucknell College of Engineering Report 2024",
+ },
// Add more articles as needed
];
export const projects = [
{
title: "HRIStudio",
- description: "A modular web-based experimental platform for human-robot interaction studies using the Wizard of Oz experimental paradigm.",
- longDescription: "Engineered a comprehensive platform that enables researchers to conduct human-robot interaction experiments without requiring extensive programming knowledge. The system integrates with ROS2 and provides a user-friendly interface for experiment design and execution.",
+ description:
+ "A modular web-based experimental platform for human-robot interaction studies using the Wizard of Oz experimental paradigm.",
+ longDescription:
+ "Engineered a comprehensive platform that enables researchers to conduct human-robot interaction experiments without requiring extensive programming knowledge. The system integrates with ROS2 and provides a user-friendly interface for experiment design and execution.",
tags: ["ROS2", "React", "TypeScript", "C++", "Python"],
link: "https://github.com/soconnor0919/hristudio",
image: "/hristudio_laptop.png",
- imageAlt: "Screenshot of HRIStudio application showing the robot control dashboard on a laptop",
- featured: true
+ imageAlt:
+ "Screenshot of HRIStudio application showing the robot control dashboard on a laptop",
+ featured: true,
},
{
title: "Personal Website",
- description: "Modern, responsive personal website built with Next.js and TailwindCSS.",
- longDescription: "Designed and developed a personal portfolio website using modern web technologies. Features include responsive design, dark mode support, PDF rendering for CV display, and a clean, professional interface for showcasing projects and experience.",
+ description:
+ "Modern, responsive personal website built with Next.js and TailwindCSS.",
+ longDescription:
+ "Designed and developed a personal portfolio website using modern web technologies. Features include responsive design, dark mode support, PDF rendering for CV display, and a clean, professional interface for showcasing projects and experience.",
tags: ["Next.js", "TypeScript", "TailwindCSS", "React"],
link: "https://github.com/soconnor0919/personal-website",
- featured: true
+ featured: true,
},
{
title: "Accessibility Features",
- description: "An overview of the accessibility features implemented on this website to ensure inclusive user experience.",
- longDescription: "This page details the importance of web accessibility and the specific features implemented on this website to ensure an inclusive experience for all users, including those with disabilities. It documents the accessibility practices, standards compliance, and testing methodologies used.",
+ description:
+ "An overview of the accessibility features implemented on this website to ensure inclusive user experience.",
+ longDescription:
+ "This page details the importance of web accessibility and the specific features implemented on this website to ensure an inclusive experience for all users, including those with disabilities. It documents the accessibility practices, standards compliance, and testing methodologies used.",
tags: ["Accessibility", "WCAG", "Inclusive Design", "Web Standards"],
link: "/projects/accessibility",
- featured: true
+ featured: true,
},
{
title: "LaTeX Introduction Tutorial",
- description: "A 5-minute introduction to LaTeX document preparation system for academic and technical writing.",
- longDescription: "Created an accessible tutorial video explaining LaTeX, a typesetting system commonly used for technical and scientific documents in academia. The video covers how to set up Overleaf as an editor, explains key LaTeX tags and formatting, demonstrates both inline and display math equations, and provides a complete walkthrough of creating your first document with proper formatting.",
+ description:
+ "A 5-minute introduction to LaTeX document preparation system for academic and technical writing.",
+ longDescription:
+ "Created an accessible tutorial video explaining LaTeX, a typesetting system commonly used for technical and scientific documents in academia. The video covers how to set up Overleaf as an editor, explains key LaTeX tags and formatting, demonstrates both inline and display math equations, and provides a complete walkthrough of creating your first document with proper formatting.",
tags: ["LaTeX", "Tutorial", "Accessibility", "Education", "Overleaf"],
link: "/projects/latex-intro",
image: "/latex-thumbnail.jpg",
- imageAlt: "Decorative thumbnail showing the project title 'Getting Started with LaTeX'",
- featured: true
+ imageAlt:
+ "Decorative thumbnail showing the project title 'Getting Started with LaTeX'",
+ featured: true,
},
{
title: "Race Statistics Platform",
- description: "High-performance race statistics platform serving real-time data to 1500+ concurrent users.",
- longDescription: "Developed and deployed a complete race management system that handles registration, live timing, and results distribution. The platform replaced manual processes with digital solutions, significantly improving efficiency and user experience.",
+ description:
+ "High-performance race statistics platform serving real-time data to 1500+ concurrent users.",
+ longDescription:
+ "Developed and deployed a complete race management system that handles registration, live timing, and results distribution. The platform replaced manual processes with digital solutions, significantly improving efficiency and user experience.",
tags: ["PHP", "MariaDB", "WebSockets", "Docker"],
link: "https://riverheadraceway.com",
- featured: true
+ featured: true,
},
{
title: "Chem-E-Car Control System",
- description: "Custom microcontroller-based control system for hydrogen fuel cell regulation and reaction monitoring.",
- longDescription: "Pioneered the team's first custom hardware solution, implementing a finite state machine architecture that integrates spectrometer readings, relay control, and LED feedback for real-time reaction monitoring.",
+ description:
+ "Custom microcontroller-based control system for hydrogen fuel cell regulation and reaction monitoring.",
+ longDescription:
+ "Pioneered the team's first custom hardware solution, implementing a finite state machine architecture that integrates spectrometer readings, relay control, and LED feedback for real-time reaction monitoring.",
tags: ["C++", "Embedded Systems", "Hardware Design"],
link: "https://github.com/soconnor0919/national_fa24",
image: "/car.png",
- imageAlt: "Photo of the Chem-E-Car with custom control system hardware visible, showing the microcontroller and sensor connections",
- featured: true
+ imageAlt:
+ "Photo of the Chem-E-Car with custom control system hardware visible, showing the microcontroller and sensor connections",
+ featured: true,
},
];
export const travel = [
{
- title: "AIChE Annual Student Conference 2024",
- description: "With the funding of Bucknell's chemical engineering department, and an amazing team, I was able to attend the 2024 AIChE Annual Student Conference and compete in the national Chem-E-Car competition.",
- images: ["/trips/asc2024/IMG_2641.png", "/trips/asc2024/IMG_2631.png", "/trips/asc2024/IMG_7987.png"],
- alts: ["A photo of the Chem-E-Car team holding their trophies, dressed in their lab coats.", "A selfie of the Chem-E-Car team at their workstation.", "Sean discussing the components of the Chem-E-Car with a judge."],
- tags: ["Chem-E-Car", "AIChE", "Conference", "Competition"]
+ title: "AIChE Annual Student Conference 2024",
+ description:
+ "With the funding of Bucknell's chemical engineering department, and an amazing team, I was able to attend the 2024 AIChE Annual Student Conference and compete in the national Chem-E-Car competition.",
+ images: [
+ "/trips/asc2024/IMG_2641.png",
+ "/trips/asc2024/IMG_2631.png",
+ "/trips/asc2024/IMG_7987.png",
+ ],
+ alts: [
+ "A photo of the Chem-E-Car team holding their trophies, dressed in their lab coats.",
+ "A selfie of the Chem-E-Car team at their workstation.",
+ "Sean discussing the components of the Chem-E-Car with a judge.",
+ ],
+ tags: ["Chem-E-Car", "AIChE", "Conference", "Competition"],
},
{
- title: "IEEE RO-MAN 2024",
- description: "I got to attend the IEEE RO-MAN 2024 conference in Pasadena, California. It was a great opportunity to present my work on my project HRIStudio, and to network with other researchers and industry professionals.",
- images: ["/trips/roman2024/IMG_3951.png", "/trips/roman2024/IMG_3978.png", "/trips/roman2024/IMG_3946.png"],
- alts: ["A photo of Sean presenting his poster at RO-MAN 2024.", "A photo Felipe and Sean at dinner.", "A photo of Sean discussing his poster with a group of attendees."],
- tags: ["RO-MAN", "IEEE", "Conference", "Presentation"]
+ title: "IEEE RO-MAN 2024",
+ description:
+ "I got to attend the IEEE RO-MAN 2024 conference in Pasadena, California. It was a great opportunity to present my work on my project HRIStudio, and to network with other researchers and industry professionals.",
+ images: [
+ "/trips/roman2024/IMG_3951.png",
+ "/trips/roman2024/IMG_3978.png",
+ "/trips/roman2024/IMG_3946.png",
+ ],
+ alts: [
+ "A photo of Sean presenting his poster at RO-MAN 2024.",
+ "A photo Felipe and Sean at dinner.",
+ "A photo of Sean discussing his poster with a group of attendees.",
+ ],
+ tags: ["RO-MAN", "IEEE", "Conference", "Presentation"],
},
{
- title: "ENGR 290: Following da Vinci's Footsteps",
- description: "During the summer of 2024, I went on a study abroad program with about thirty of my peers. We explored Italy and France, following the footsteps of Leonardo da Vinci- evaluating the world through his lenses.",
- images: ["/trips/engr290/insta290.jpg", "/trips/engr290/P1013747.png", "/trips/engr290/_1024461.png"],
- alts: ["A photo of the group taken during the final dinner of the trip.", "A photo of Florence, taken from the top of a distant hill.", "A photo of the River Seine in Paris, taken from the top of the Eiffel Tower."],
- tags: ["Study Abroad", "Italy", "France", "da Vinci"]
+ title: "ENGR 290: Following da Vinci's Footsteps",
+ description:
+ "During the summer of 2024, I went on a study abroad program with about thirty of my peers. We explored Italy and France, following the footsteps of Leonardo da Vinci- evaluating the world through his lenses.",
+ images: [
+ "/trips/engr290/insta290.jpg",
+ "/trips/engr290/P1013747.png",
+ "/trips/engr290/_1024461.png",
+ ],
+ alts: [
+ "A photo of the group taken during the final dinner of the trip.",
+ "A photo of Florence, taken from the top of a distant hill.",
+ "A photo of the River Seine in Paris, taken from the top of the Eiffel Tower.",
+ ],
+ tags: ["Study Abroad", "Italy", "France", "da Vinci"],
},
{
- title: "SCA Specialty Coffee Expo 2024",
- description: "As a member of the executive board of the Bucknell Coffee Society, I was able to attend the Specialty Coffee Association's Specialty Coffee Expo in early 2024, traveling to Chicago, IL.",
- images: ["/trips/sca2024/group.jpeg", "/trips/sca2024/bean.png", "/trips/sca2024/plane.png"],
- alts: ["A photo of the group at the SCA Specialty Coffee Expo in Chicago.", "A photo of the Chicago Bean.", "A photo of Chicago's coastline, taken through the window of the plane."],
- tags: ["Coffee Society", "Chicago", "SCA", "Coffee"]
+ title: "SCA Specialty Coffee Expo 2024",
+ description:
+ "As a member of the executive board of the Bucknell Coffee Society, I was able to attend the Specialty Coffee Association's Specialty Coffee Expo in early 2024, traveling to Chicago, IL.",
+ images: [
+ "/trips/sca2024/group.jpeg",
+ "/trips/sca2024/bean.png",
+ "/trips/sca2024/plane.png",
+ ],
+ alts: [
+ "A photo of the group at the SCA Specialty Coffee Expo in Chicago.",
+ "A photo of the Chicago Bean.",
+ "A photo of Chicago's coastline, taken through the window of the plane.",
+ ],
+ tags: ["Coffee Society", "Chicago", "SCA", "Coffee"],
},
{
- title: "Formula 1 Gran Premio dell'Emilia Romagna 2024",
- description: "While studying abroad with Bucknell Engineering, we were lucky enough to be within a few hours of the Imola Grand Prix! A group of students went to see the race, and it was an amazing experience.",
- images: ["/trips/imola2024/IMG_2093.png", "/trips/imola2024/IMG_2050.png", "/trips/imola2024/IMG_2066.png"],
- alts: ["A photo of the group at the Imola Circuit.", "A photo of flags on a fence, in honor of the late Ayrton Senna.", "A photo Lando Norris driving through the Imola Circuit, taken through a fence."],
- tags: ["Racing", "Formula One", "Italy"]
+ title: "Formula 1 Gran Premio dell'Emilia Romagna 2024",
+ description:
+ "While studying abroad with Bucknell Engineering, we were lucky enough to be within a few hours of the Imola Grand Prix! A group of students went to see the race, and it was an amazing experience.",
+ images: [
+ "/trips/imola2024/IMG_2093.png",
+ "/trips/imola2024/IMG_2050.png",
+ "/trips/imola2024/IMG_2066.png",
+ ],
+ alts: [
+ "A photo of the group at the Imola Circuit.",
+ "A photo of flags on a fence, in honor of the late Ayrton Senna.",
+ "A photo Lando Norris driving through the Imola Circuit, taken through a fence.",
+ ],
+ tags: ["Racing", "Formula One", "Italy"],
},
{
- title: "Formula 1 British Grand Prix 2024",
- description: "As a semi-recent Formula One fan, I was very excited to have the opportunity to attend the British Grand Prix weekend in 2024. I was able to see every event- marking one of my favorite weekends, probably ever.",
- images: ["/trips/silverstone/_1035852.png", "/trips/silverstone/P1025274.png", "/trips/silverstone/_1035764.png"],
- alts: ["Sean and his professor sitting on a sign with the text #BritishGP.", "A close-up photo of the rear of the McLaren MCL38.", "A photo of Oscar Piastri taking a turn at Silverstone Circuit."],
- tags: ["Racing", "Formula One", "Great Britain", "Silverstone"]
- }
+ title: "Formula 1 British Grand Prix 2024",
+ description:
+ "As a semi-recent Formula One fan, I was very excited to have the opportunity to attend the British Grand Prix weekend in 2024. I was able to see every event- marking one of my favorite weekends, probably ever.",
+ images: [
+ "/trips/silverstone/_1035852.png",
+ "/trips/silverstone/P1025274.png",
+ "/trips/silverstone/_1035764.png",
+ ],
+ alts: [
+ "Sean and his professor sitting on a sign with the text #BritishGP.",
+ "A close-up photo of the rear of the McLaren MCL38.",
+ "A photo of Oscar Piastri taking a turn at Silverstone Circuit.",
+ ],
+ tags: ["Racing", "Formula One", "Great Britain", "Silverstone"],
+ },
];
-
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 23e7179..9407e9d 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -4,54 +4,99 @@
@layer base {
:root {
- --background: 0 0% 100%;
- --foreground: 0 0% 10%;
- --card: 0 0% 99%;
- --card-foreground: 0 0% 10%;
- --badge: 0 100%, 50%;
- --popover: 0 0% 100%;
- --popover-foreground: 0 0% 10%;
- --primary: 0 0% 10%;
- --primary-foreground: 0 0% 100%;
- --secondary: 0 0% 96%;
- --secondary-foreground: 0 0% 10%;
- --muted: 0 0% 96%;
- --muted-foreground: 0 0% 45%;
- --accent: 0 0% 96%;
- --accent-foreground: 0 0% 10%;
- --destructive: 0 84% 60%;
- --destructive-foreground: 0 0% 100%;
- --border: 0 0% 90%;
- --input: 0 0% 90%;
- --ring: 0 0% 10%;
- --radius: 0.5rem;
- --shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
+ --background: 0 0% 98%;
+ --foreground: 0 0% 14.5%;
+ --card: 0 0% 94%;
+ --card-foreground: 0 0% 14.5%;
+ --popover: 0 0% 94%;
+ --popover-foreground: 0 0% 14.5%;
+ --primary: 0 0% 55.5%;
+ --primary-foreground: 0 0% 98.5%;
+ --secondary: 0 0% 92%;
+ --secondary-foreground: 0 0% 20.5%;
+ --muted: 0 0% 92%;
+ --muted-foreground: 0 0% 54.9%;
+ --accent: 0 0% 92%;
+ --accent-foreground: 0 0% 20.5%;
+ --destructive: 7 85% 58%;
+ --destructive-foreground: 0 0% 97%;
+ --border: 0 0% 88%;
+ --input: 0 0% 88%;
+ --ring: 0 0% 71%;
+ --chart-1: 0 0% 55.5%;
+ --chart-2: 0 0% 55.5%;
+ --chart-3: 0 0% 55.5%;
+ --chart-4: 0 0% 55.5%;
+ --chart-5: 0 0% 55.5%;
+
+ --font-sans: Geist Mono, monospace;
+ --font-serif: Geist Mono, monospace;
+ --font-mono: Geist Mono, monospace;
+ --radius: 0rem;
+ --shadow-2xs: 0px 1px 0px 0px hsl(0 0% 0% / 0);
+ --shadow-xs: 0px 1px 0px 0px hsl(0 0% 0% / 0);
+ --shadow-sm:
+ 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
+ --shadow:
+ 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
+ --shadow-md:
+ 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
+ --shadow-lg:
+ 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
+ --shadow-xl:
+ 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
+ --shadow-2xl: 0px 1px 0px 0px hsl(0 0% 0% / 0);
+ --tracking-normal: 0em;
+ --spacing: 0.25rem;
}
- @media (prefers-color-scheme: dark) {
- :root {
- --background: 0 0% 10%;
- --foreground: 0 0% 90%;
- --card: 0 0% 12%;
- --card-foreground: 0 0% 90%;
- --popover: 0 0% 20%;
- --popover-foreground: 0 0% 90%;
- --primary: 0 0% 90%;
- --primary-foreground: 0 0% 10%;
- --secondary: 0 0% 30%;
- --secondary-foreground: 0 0% 90%;
- --muted: 0 0% 30%;
- --muted-foreground: 0 0% 70%;
- --accent: 0 0% 30%;
- --accent-foreground: 0 0% 90%;
- --destructive: 0 84% 60%;
- --destructive-foreground: 0 0% 10%;
- --border: 0 0% 20%;
- --input: 0 0% 20%;
- --ring: 0 0% 90%;
- --radius: 0.5rem;
- --shadow: 0 1px 3px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(255, 255, 255, 0.06);
- }
+ .dark {
+ --background: 0 0% 12%;
+ --foreground: 0 0% 98.5%;
+ --card: 0 0% 18%;
+ --card-foreground: 0 0% 98.5%;
+ --popover: 0 0% 26.9%;
+ --popover-foreground: 0 0% 98.5%;
+ --primary: 0 0% 55.5%;
+ --primary-foreground: 0 0% 98.5%;
+ --secondary: 0 0% 26.9%;
+ --secondary-foreground: 0 0% 98.5%;
+ --muted: 0 0% 26.9%;
+ --muted-foreground: 0 0% 71%;
+ --accent: 0 0% 37.2%;
+ --accent-foreground: 0 0% 98.5%;
+ --destructive: 7 85% 70%;
+ --destructive-foreground: 0 0% 26.9%;
+ --border: 0 0% 25%;
+ --input: 0 0% 43.9%;
+ --ring: 0 0% 55.5%;
+ --chart-1: 0 0% 55.5%;
+ --chart-2: 0 0% 55.5%;
+ --chart-3: 0 0% 55.5%;
+ --chart-4: 0 0% 55.5%;
+ --chart-5: 0 0% 55.5%;
+
+ --font-sans: Geist Mono, monospace;
+ --font-serif: Geist Mono, monospace;
+ --font-mono: Geist Mono, monospace;
+ --radius: 0rem;
+ --shadow-2xs: 0px 1px 0px 0px hsl(0 0% 0% / 0);
+ --shadow-xs: 0px 1px 0px 0px hsl(0 0% 0% / 0);
+ --shadow-sm:
+ 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
+ --shadow:
+ 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
+ --shadow-md:
+ 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
+ --shadow-lg:
+ 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
+ --shadow-xl:
+ 0px 1px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
+ --shadow-2xl: 0px 1px 0px 0px hsl(0 0% 0% / 0);
+ }
+
+ body {
+ letter-spacing: var(--tracking-normal);
}
}
@@ -72,4 +117,82 @@ html {
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-}
\ No newline at end of file
+}
+
+@layer base {
+ * {
+ @apply border-border;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+}
+
+/* Remove all rounded corners for mono theme */
+@layer components {
+ /* Cards */
+ .rounded-xl,
+ .rounded-lg,
+ .rounded-md,
+ .rounded-sm,
+ .rounded,
+ .rounded-full {
+ border-radius: 0 !important;
+ }
+
+ /* Override specific component rounded classes */
+ [class*="rounded-"] {
+ border-radius: 0 !important;
+ }
+}
+
+/* Debug and ensure card backgrounds are visible */
+@layer components {
+ .bg-card {
+ background-color: hsl(var(--card)) !important;
+ }
+
+ .bg-background {
+ background-color: hsl(var(--background)) !important;
+ }
+}
+
+/* Remove any image gradients/filters */
+@layer components {
+ img {
+ filter: none !important;
+ backdrop-filter: none !important;
+ }
+}
+
+/* Enhanced sidebar styling */
+@layer components {
+ /* Smooth transitions for sidebar links */
+ .sidebar-link {
+ transition: all 0.15s ease-in-out;
+ border-radius: 0;
+ }
+
+ .sidebar-link:hover {
+ background-color: hsl(var(--accent));
+ color: hsl(var(--accent-foreground));
+ }
+
+ /* Profile image subtle border */
+ .profile-image {
+ border: 1px solid hsl(var(--border));
+ transition: border-color 0.2s ease;
+ }
+
+ .profile-image:hover {
+ border-color: hsl(var(--primary));
+ }
+
+ /* Truncate text in sidebar contact links */
+ .sidebar-contact-link span {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ max-width: 180px;
+ }
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 1a61213..37a3914 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -2,66 +2,66 @@ import { type Config } from "tailwindcss";
import { fontFamily } from "tailwindcss/defaultTheme";
export default {
- darkMode: ["class"],
- content: ["./src/**/*.tsx"],
+ darkMode: ["class"],
+ content: ["./src/**/*.tsx"],
theme: {
- extend: {
- fontFamily: {
- sans: ["var(--font-sans)"],
- unineue: ["var(--font-unineue)"]
- },
- borderRadius: {
- lg: 'var(--radius)',
- md: 'calc(var(--radius) - 2px)',
- sm: 'calc(var(--radius) - 4px)'
- },
- colors: {
- background: 'hsl(var(--background))',
- foreground: 'hsl(var(--foreground))',
- card: {
- DEFAULT: 'hsl(var(--card))',
- foreground: 'hsl(var(--card-foreground))'
- },
- popover: {
- DEFAULT: 'hsl(var(--popover))',
- foreground: 'hsl(var(--popover-foreground))'
- },
- primary: {
- DEFAULT: 'hsl(var(--primary))',
- foreground: 'hsl(var(--primary-foreground))'
- },
- secondary: {
- DEFAULT: 'hsl(var(--secondary))',
- foreground: 'hsl(var(--secondary-foreground))'
- },
- muted: {
- DEFAULT: 'hsl(var(--muted))',
- foreground: 'hsl(var(--muted-foreground))'
- },
- accent: {
- DEFAULT: 'hsl(var(--accent))',
- foreground: 'hsl(var(--accent-foreground))'
- },
- destructive: {
- DEFAULT: 'hsl(var(--destructive))',
- foreground: 'hsl(var(--destructive-foreground))'
- },
- border: 'hsl(var(--border))',
- input: 'hsl(var(--input))',
- ring: 'hsl(var(--ring))',
- chart: {
- '1': 'hsl(var(--chart-1))',
- '2': 'hsl(var(--chart-2))',
- '3': 'hsl(var(--chart-3))',
- '4': 'hsl(var(--chart-4))',
- '5': 'hsl(var(--chart-5))'
- }
- },
- boxShadow: {
- DEFAULT: 'var(--shadow)',
- // other shadows
- }
- }
+ extend: {
+ fontFamily: {
+ sans: ["var(--font-sans)"],
+ unineue: ["var(--font-unineue)"],
+ },
+ borderRadius: {
+ lg: "var(--radius)",
+ md: "calc(var(--radius) - 2px)",
+ sm: "calc(var(--radius) - 4px)",
+ },
+ colors: {
+ background: "hsl(var(--background))",
+ foreground: "hsl(var(--foreground))",
+ card: {
+ DEFAULT: "hsl(var(--card))",
+ foreground: "hsl(var(--card-foreground))",
+ },
+ popover: {
+ DEFAULT: "hsl(var(--popover))",
+ foreground: "hsl(var(--popover-foreground))",
+ },
+ primary: {
+ DEFAULT: "hsl(var(--primary))",
+ foreground: "hsl(var(--primary-foreground))",
+ },
+ secondary: {
+ DEFAULT: "hsl(var(--secondary))",
+ foreground: "hsl(var(--secondary-foreground))",
+ },
+ muted: {
+ DEFAULT: "hsl(var(--muted))",
+ foreground: "hsl(var(--muted-foreground))",
+ },
+ accent: {
+ DEFAULT: "hsl(var(--accent))",
+ foreground: "hsl(var(--accent-foreground))",
+ },
+ destructive: {
+ DEFAULT: "hsl(var(--destructive))",
+ foreground: "hsl(var(--destructive-foreground))",
+ },
+ border: "hsl(var(--border))",
+ input: "hsl(var(--input))",
+ ring: "hsl(var(--ring))",
+ chart: {
+ "1": "hsl(var(--chart-1))",
+ "2": "hsl(var(--chart-2))",
+ "3": "hsl(var(--chart-3))",
+ "4": "hsl(var(--chart-4))",
+ "5": "hsl(var(--chart-5))",
+ },
+ },
+ boxShadow: {
+ DEFAULT: "var(--shadow)",
+ // other shadows
+ },
+ },
},
plugins: [require("tailwindcss-animate")],
} satisfies Config;