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

Actually works!

Browse Source
This commit is contained in:
Timothy Pidashev
2024-03-17 19:48:53 -07:00
parent 998841e1e7
commit ed1dc91bd7
8 changed files with 16 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -10,7 +10,7 @@ node_modules/
/coverage /coverage
# next.js # next.js
/.next/ .next/
/out/ /out/
# production # production

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

@@ -15,11 +15,11 @@
"react-icons": "^5.0.1" "react-icons": "^5.0.1"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer": "^10.0.1", "autoprefixer": "^10.4.18",
"eslint": "^8", "eslint": "^8",
"eslint-config-next": "14.1.3", "eslint-config-next": "14.1.3",
"postcss": "^8", "postcss": "^8.4.36",
"tailwindcss": "^3.3.0" "tailwindcss": "^3.4.1"
} }
}, },
"node_modules/@aashutoshrathi/word-wrap": { "node_modules/@aashutoshrathi/word-wrap": {

6
src/web/package.json
View File

@@ -16,10 +16,10 @@
"react-icons": "^5.0.1" "react-icons": "^5.0.1"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer": "^10.0.1", "autoprefixer": "^10.4.18",
"eslint": "^8", "eslint": "^8",
"eslint-config-next": "14.1.3", "eslint-config-next": "14.1.3",
"postcss": "^8", "postcss": "^8.4.36",
"tailwindcss": "^3.3.0" "tailwindcss": "^3.4.1"
} }
} }

6
src/web/src/app/globals.css
View File

@@ -1,3 +1,3 @@
@import 'tailwindcss/base'; @import "tailwindcss/base";
@import 'tailwindcss/components'; @import "tailwindcss/components";
@import 'tailwindcss/utilities'; @import "tailwindcss/utilities";

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

@@ -1,5 +1,5 @@
// Imports // Imports
import "@/styles/tailwind.css"; import "@/app/globals.css";
import Theme from "@/app/theme"; import Theme from "@/app/theme";
import Header from "@/components/header"; import Header from "@/components/header";
import Footer from "@/components/footer"; import Footer from "@/components/footer";
@@ -14,10 +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> <body className="bg-gray-50 dark:bg-slate-800">
<Theme> <Theme>
<Header /> <Header />
<main className="dark:bg-red-1"> <main>
{children} {children}
</main> </main>
<Footer /> <Footer />

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

@@ -29,7 +29,7 @@ const navItems= [
const Header = () => { const Header = () => {
return ( return (
<div className="dark:bg-red-1"> <div className="text-gray-800 hover:text-blue-500 cursor-pointer">
Navbar Navbar
</div> </div>
); );

3
src/web/src/styles/tailwind.css
View File

@@ -1,3 +0,0 @@
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

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

@@ -1,77 +1,11 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { module.exports = {
content: [ content: [
"./src/pages/*.{js,ts,jsx,tsx,mdx}", "./src/**/*.{js,ts,jsx,tsx,mdx}"
"./src/components/*.{js,ts,jsx,tsx,mdx}",
"./src/app/*.{js,ts,jsx,tsx,mdx}",
], ],
darkMode: 'class', darkMode: "class",
theme: { theme: {
extend: { extend: {
colors: {
light:{
DEFAULT: "#fbf1c7",
red: {
1: "#cc241d",
2: "#9d0006"
},
orange: {
1: "#d65d0e",
2: "#af3a03"
},
green: {
1: "#98971a",
2: "#79740e"
},
yellow: {
1: "#d79921",
2: "#b57614"
},
blue: {
1: "#458588",
2: "#076678"
},
purple: {
1: "#b16286",
2: "#8f3f71"
},
aqua: {
1: "#689d6a",
2: "#427b58"
},
},
dark: {
DEFAULT: "#282828",
red: {
1: "#cc241d",
2: "#fb4934"
},
orange: {
1: "#d65d0e",
2: "#fe8019"
},
green: {
1: "#98971a",
2: "#b8bb26"
},
yellow: {
1: "#d79921",
2: "#fabd2f"
},
blue: {
1: "#458588",
2: "#83a598"
},
purple: {
1: "#b16286",
2: "#d3869b"
},
aqua: {
1: "#689d6a",
2: "#8ec07c"
},
},
},
}, },
}, },
plugins: [], plugins: [],