timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 11:03:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

begin work on header

Browse Source
This commit is contained in:
Timothy Pidashev
2024-03-18 12:19:11 -07:00
parent 9422553c9c
commit 36112fe04e
7 changed files with 41 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/web/package-lock.json generated
View File

@@ -8,6 +8,7 @@
"name": "web", "name": "web",
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"framer-motion": "^11.0.14",
"next": "14.1.3", "next": "14.1.3",
"next-themes": "^0.3.0", "next-themes": "^0.3.0",
"react": "^18", "react": "^18",
@@ -2139,6 +2140,30 @@
"url": "https://github.com/sponsors/rawify" "url": "https://github.com/sponsors/rawify"
} }
}, },
"node_modules/framer-motion": {
"version": "11.0.14",
"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.0.14.tgz",
"integrity": "sha512-RFjo2hB1MTW0EWsHQaXgVn0AEUDGxAs0ZL2vVjTTJJu3N7wFiLkmqTn5ysLjL+qKZ9jvfpKXDb9waN9AyLqk8g==",
"dependencies": {
"tslib": "^2.4.0"
},
"peerDependencies": {
"@emotion/is-prop-valid": "*",
"react": "^18.0.0",
"react-dom": "^18.0.0"
},
"peerDependenciesMeta": {
"@emotion/is-prop-valid": {
"optional": true
},
"react": {
"optional": true
},
"react-dom": {
"optional": true
}
}
},
"node_modules/fs.realpath": { "node_modules/fs.realpath": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",

1
src/web/package.json
View File

@@ -9,6 +9,7 @@
"lint": "next lint" "lint": "next lint"
}, },
"dependencies": { "dependencies": {
"framer-motion": "^11.0.14",
"next": "14.1.3", "next": "14.1.3",
"next-themes": "^0.3.0", "next-themes": "^0.3.0",
"react": "^18", "react": "^18",

5
src/web/src/app/layout.js
View File

@@ -14,7 +14,10 @@ export const metadata = {
export default function Layout({children}) { export default function Layout({children}) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<body className="bg-light-background dark:bg-dark-background"> <body className="
bg-light-background text-light-foreground
dark:bg-dark-background dark:text-dark-foreground
">
<Theme> <Theme>
<Header /> <Header />
<main> <main>

2
src/web/src/app/page.jsx
View File

@@ -1,5 +1,4 @@
// Imports // Imports
import ThemeToggle from "@/components/theme-toggle";
// Metadata // Metadata
@@ -7,7 +6,6 @@ import ThemeToggle from "@/components/theme-toggle";
export default function Index() { export default function Index() {
return ( return (
<div> <div>
<ThemeToggle />
</div> </div>
); );
} }

2
src/web/src/components/footer.jsx
View File

@@ -1,6 +1,6 @@
const Footer = () => { const Footer = () => {
return ( return (
<div>Footer</div> <div></div>
); );
} }

10
src/web/src/components/header.jsx
View File

@@ -1,5 +1,6 @@
"use client"; "use client";
import ThemeToggle from "@/components/theme-toggle"
import Link from "next/link"; import Link from "next/link";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
@@ -29,8 +30,13 @@ const navItems= [
const Header = () => { const Header = () => {
return ( return (
<div> <div className="flex justify-center space-x-7">
Navbar <Link href="/">Home</Link>
<Link href="/projects">Projects</Link>
<Link href="/resume">Resume</Link>
<Link href="/blog">Blog</Link>
<Link href="/shop">Shop</Link>
<ThemeToggle />
</div> </div>
); );
} }

2
src/web/tailwind.config.js
View File

@@ -9,6 +9,7 @@ module.exports = {
colors: { colors: {
light:{ light:{
background: "#fbf1c7", background: "#fbf1c7",
foreground: "#3c3836",
red: { red: {
1: "#cc241d", 1: "#cc241d",
2: "#9d0006" 2: "#9d0006"
@@ -40,6 +41,7 @@ module.exports = {
}, },
dark: { dark: {
background: "#282828", background: "#282828",
foreground: "#ebdbb2",
red: { red: {
1: "#cc241d", 1: "#cc241d",
2: "#fb4934" 2: "#fb4934"