diff --git a/devjams/app/globals.css b/devjams/app/globals.css index a2dc41e..f96cec9 100644 --- a/devjams/app/globals.css +++ b/devjams/app/globals.css @@ -1,26 +1,37 @@ @import "tailwindcss"; -:root { - --background: #ffffff; - --foreground: #171717; -} +@theme { + --color-background: #000000; + --color-foreground: #ffffff; + --color-primary: #ffffff; + --color-primary-foreground: #000000; + --color-border: #b9b9b9; + --color-footer-border: #efefef26; + --color-dots: #efefef26; -@theme inline { - --color-background: var(--background); - --color-foreground: var(--foreground); - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); + --font-sans: var(--font-google-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; + --font-google-sans: var(--font-google-sans), sans-serif; + --font-google-sans-flex: var(--font-google-sans-flex), sans-serif; } -@media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; - } +:root { + --background: #000000; + --foreground: #ffffff; + --primary: #ffffff; + --primary-foreground: #000000; + --border: #b9b9b9; + --footer-border: #efefef26; + --dots: #efefef26; } body { - background: var(--background); + background-color: var(--background); color: var(--foreground); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--font-google-sans), var(--font-sans), sans-serif; +} + +/* Background dot pattern utility */ +.bg-dots-pattern { + background-image: radial-gradient(var(--dots) 1px, transparent 1px); + background-size: 24px 24px; } diff --git a/devjams/app/layout.tsx b/devjams/app/layout.tsx index 9852c15..2e7fa86 100644 --- a/devjams/app/layout.tsx +++ b/devjams/app/layout.tsx @@ -1,29 +1,68 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; +import localFont from "next/font/local"; import "./globals.css"; -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], +const googleSans = localFont({ + src: [ + { + path: "../public/fonts/GoogleSans-Regular.ttf", + weight: "400", + style: "normal", + }, + { + path: "../public/fonts/GoogleSans-Italic.ttf", + weight: "400", + style: "italic", + }, + { + path: "../public/fonts/GoogleSans-Medium.ttf", + weight: "500", + style: "normal", + }, + { + path: "../public/fonts/GoogleSans-MediumItalic.ttf", + weight: "500", + style: "italic", + }, + { + path: "../public/fonts/GoogleSans-Bold.ttf", + weight: "700", + style: "normal", + }, + { + path: "../public/fonts/GoogleSans-BoldItalic.ttf", + weight: "700", + style: "italic", + }, + ], + variable: "--font-google-sans", + display: "swap", }); -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], +const googleSansFlex = localFont({ + src: "../public/fonts/GoogleSansFlex.ttf", + variable: "--font-google-sans-flex", + display: "swap", }); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "DevJams '26", + description: "DevJams 2026 Frontend", }; -export default function RootLayout({ children }: LayoutProps<"/">) { +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { return ( - {children} + + {children} + ); } diff --git a/devjams/package-lock.json b/devjams/package-lock.json index 3abf74a..f6cfd1e 100644 --- a/devjams/package-lock.json +++ b/devjams/package-lock.json @@ -20,6 +20,7 @@ "eslint": "^9", "eslint-config-next": "16.3.0", "tailwindcss": "^4", + "tailwindcss-animate": "^1.0.7", "typescript": "^5" } }, @@ -277,30 +278,6 @@ "node": ">=6.9.0" } }, - "node_modules/@emnapi/core": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz", - "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==", - "dev": true, - "license": "MIT", - "optional": true, - "peer": true, - "dependencies": { - "@emnapi/wasi-threads": "1.2.1", - "tslib": "^2.4.0" - } - }, - "node_modules/@emnapi/runtime": { - "version": "1.11.3", - "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.3.tgz", - "integrity": "sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==", - "license": "MIT", - "optional": true, - "peer": true, - "dependencies": { - "tslib": "^2.4.0" - } - }, "node_modules/@emnapi/wasi-threads": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz", @@ -3416,6 +3393,7 @@ "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@rtsao/scc": "^1.1.0", "array-includes": "^3.1.9", @@ -6273,7 +6251,18 @@ "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.3.tgz", "integrity": "sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true + }, + "node_modules/tailwindcss-animate": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz", + "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "tailwindcss": ">=3.0.0 || insiders" + } }, "node_modules/tapable": { "version": "2.3.3", diff --git a/devjams/package.json b/devjams/package.json index 8087c29..c92a67d 100644 --- a/devjams/package.json +++ b/devjams/package.json @@ -21,6 +21,7 @@ "eslint": "^9", "eslint-config-next": "16.3.0", "tailwindcss": "^4", + "tailwindcss-animate": "^1.0.7", "typescript": "^5" } } diff --git a/devjams/public/fonts/GoogleSans-Bold.ttf b/devjams/public/fonts/GoogleSans-Bold.ttf new file mode 100644 index 0000000..8049766 Binary files /dev/null and b/devjams/public/fonts/GoogleSans-Bold.ttf differ diff --git a/devjams/public/fonts/GoogleSans-BoldItalic.ttf b/devjams/public/fonts/GoogleSans-BoldItalic.ttf new file mode 100644 index 0000000..e940d02 Binary files /dev/null and b/devjams/public/fonts/GoogleSans-BoldItalic.ttf differ diff --git a/devjams/public/fonts/GoogleSans-Italic.ttf b/devjams/public/fonts/GoogleSans-Italic.ttf new file mode 100644 index 0000000..bfb1a2c Binary files /dev/null and b/devjams/public/fonts/GoogleSans-Italic.ttf differ diff --git a/devjams/public/fonts/GoogleSans-Medium.ttf b/devjams/public/fonts/GoogleSans-Medium.ttf new file mode 100644 index 0000000..1543660 Binary files /dev/null and b/devjams/public/fonts/GoogleSans-Medium.ttf differ diff --git a/devjams/public/fonts/GoogleSans-MediumItalic.ttf b/devjams/public/fonts/GoogleSans-MediumItalic.ttf new file mode 100644 index 0000000..7c1667b Binary files /dev/null and b/devjams/public/fonts/GoogleSans-MediumItalic.ttf differ diff --git a/devjams/public/fonts/GoogleSans-Regular.ttf b/devjams/public/fonts/GoogleSans-Regular.ttf new file mode 100644 index 0000000..ab605f9 Binary files /dev/null and b/devjams/public/fonts/GoogleSans-Regular.ttf differ diff --git a/devjams/public/fonts/GoogleSansFlex.ttf b/devjams/public/fonts/GoogleSansFlex.ttf new file mode 100644 index 0000000..2d1dcea Binary files /dev/null and b/devjams/public/fonts/GoogleSansFlex.ttf differ diff --git a/devjams/tailwind.config.ts b/devjams/tailwind.config.ts new file mode 100644 index 0000000..6ce5f21 --- /dev/null +++ b/devjams/tailwind.config.ts @@ -0,0 +1,40 @@ +import type { Config } from "tailwindcss"; + +const config: Config = { + darkMode: "class", + content: [ + "./pages/**/*.{js,ts,jsx,tsx,mdx}", + "./components/**/*.{js,ts,jsx,tsx,mdx}", + "./app/**/*.{js,ts,jsx,tsx,mdx}", + "./src/**/*.{js,ts,jsx,tsx,mdx}", + ], + theme: { + extend: { + colors: { + background: "#000000", + foreground: "#FFFFFF", + primary: { + DEFAULT: "#FFFFFF", + foreground: "#000000", + }, + border: "#B9B9B9", + footer: { + border: "#EFEFEF26", + }, + dots: "#EFEFEF26", + }, + borderColor: { + DEFAULT: "#B9B9B9", + footer: "#EFEFEF26", + }, + fontFamily: { + sans: ["var(--font-google-sans)", "sans-serif"], + "google-sans": ["var(--font-google-sans)", "sans-serif"], + "google-sans-flex": ["var(--font-google-sans-flex)", "sans-serif"], + }, + }, + }, + plugins: [], +}; + +export default config;