diff --git a/app/context/ProjectContext.tsx b/app/context/ProjectContext.tsx new file mode 100644 index 0000000..1cec184 --- /dev/null +++ b/app/context/ProjectContext.tsx @@ -0,0 +1,10 @@ +'use client'; +import { createContext, useContext } from 'react'; + +const ProjectContext = createContext(null); + +export function ProjectProvider({ children, value }: { children: React.ReactNode, value: any }) { + return {children}; +} + +export const useSharedData = () => useContext(ProjectContext); \ No newline at end of file diff --git a/app/globals.css b/app/globals.css index e29f59a..a64fc34 100644 --- a/app/globals.css +++ b/app/globals.css @@ -149,6 +149,14 @@ body { height: 28; } +.expand-on-hover-button { + transition: all 0.2s ease; +} +.expand-on-hover-button:hover { + scale: 1.05; +} + + @media (max-width: 640px) { h1 { font-size: 32px !important; diff --git a/app/layout.tsx b/app/layout.tsx index b406fd5..d38f8b7 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -5,6 +5,7 @@ import "./globals.css"; import { ThemeProvider } from 'next-themes' import ThemeSwitch from "@/components/ThemeSwitch"; + const mono = JetBrains_Mono({ subsets: ["latin"], variable: "--mono", diff --git a/app/page.tsx b/app/page.tsx index 5d77160..75f9bcb 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -4,9 +4,7 @@ import { useState } from "react"; import { useMountTransition } from "@/hooks/useAnimations"; import Nav from "@/components/Nav"; import Profile from "@/components/Profile"; -import Projects from "@/components/Projects"; import Footer from "@/components/Footer"; - export default function Home() { const [section, setSection] = useState("profile"); const mounted = useMountTransition(); @@ -44,11 +42,9 @@ export default function Home() { -