diff --git a/package.json b/package.json index d47e3db..fbdcf85 100644 --- a/package.json +++ b/package.json @@ -35,6 +35,7 @@ "@typescript-eslint/eslint-plugin": "^6.11.0", "@typescript-eslint/parser": "^6.11.0", "autoprefixer": "^10.4.14", + "clsx": "^2.1.0", "drizzle-kit": "^0.20.9", "eslint": "^8.54.0", "eslint-config-next": "^14.0.4", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3f463bb..efba2a0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -67,6 +67,9 @@ devDependencies: autoprefixer: specifier: ^10.4.14 version: 10.4.16(postcss@8.4.33) + clsx: + specifier: ^2.1.0 + version: 2.1.0 drizzle-kit: specifier: ^0.20.9 version: 0.20.10 @@ -1363,6 +1366,11 @@ packages: resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==} dev: false + /clsx@2.1.0: + resolution: {integrity: sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==} + engines: {node: '>=6'} + dev: true + /color-convert@2.0.1: resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==} engines: {node: '>=7.0.0'} diff --git a/public/wallpaper.jpg b/public/wallpaper.jpg new file mode 100644 index 0000000..ded354a Binary files /dev/null and b/public/wallpaper.jpg differ diff --git a/src/components/Terminal.tsx b/src/components/Terminal.tsx new file mode 100644 index 0000000..3b36b6e --- /dev/null +++ b/src/components/Terminal.tsx @@ -0,0 +1,20 @@ +import { type FunctionComponent, type PropsWithChildren } from "react"; +import clsx from "clsx"; + +type TerminalProps = PropsWithChildren<{ + className?: string; +}>; + +export const Terminal: FunctionComponent = ({ + children, + className, +}) => ( +
+ {children} +
+); diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 101bcc2..f164008 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,4 +1,12 @@ import Head from "next/head"; +import { JetBrains_Mono } from "next/font/google"; +import clsx from "clsx"; +import { Terminal } from "~/components/Terminal"; + +const text = JetBrains_Mono({ + subsets: ["latin"], + weight: ["400"], +}); export default function Home() { return ( @@ -6,7 +14,22 @@ export default function Home() { pihkaal -
+
+ + + nvim + +
+ console + + cava +
+
); } diff --git a/tailwind.config.ts b/tailwind.config.ts index d5094d1..7106934 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -8,6 +8,9 @@ const config: Config = { fontFamily: { sans: ["var(--font-sans)", ...fontFamily.sans], }, + boxShadow: { + window: "0 0 1px 1px #1a1a1a", + }, }, }, plugins: [],