diff --git a/portfolio/package.json b/portfolio/package.json index e845cfb..cca8f2c 100644 --- a/portfolio/package.json +++ b/portfolio/package.json @@ -3,7 +3,7 @@ "version": "0.1.0", "private": true, "scripts": { - "dev": "next dev", + "dev": "next dev --turbo", "build": "next build", "start": "next start", "lint": "next lint" diff --git a/portfolio/public/Icons/construct-outline.svg b/portfolio/public/Icons/construct-outline.svg new file mode 100644 index 0000000..7ebe7aa --- /dev/null +++ b/portfolio/public/Icons/construct-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/portfolio/public/Icons/flash-outline.svg b/portfolio/public/Icons/flash-outline.svg new file mode 100644 index 0000000..8c6786f --- /dev/null +++ b/portfolio/public/Icons/flash-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/portfolio/public/Icons/mail-open-outline.svg b/portfolio/public/Icons/mail-open-outline.svg new file mode 100644 index 0000000..586956f --- /dev/null +++ b/portfolio/public/Icons/mail-open-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/portfolio/public/Images/BSI-Portrait_Lorenz_Q.jpg b/portfolio/public/Images/BSI-Portrait_Lorenz_Q.jpg new file mode 100644 index 0000000..ae9ed2e Binary files /dev/null and b/portfolio/public/Images/BSI-Portrait_Lorenz_Q.jpg differ diff --git a/portfolio/src/Icons/SkillsIcon.tsx b/portfolio/src/Icons/SkillsIcon.tsx new file mode 100644 index 0000000..db5221f --- /dev/null +++ b/portfolio/src/Icons/SkillsIcon.tsx @@ -0,0 +1,29 @@ +import React from 'react' + +export default function SkillsIcon({className, fill}:{[key : string]:string}) { + return ( + + + + + + + ) +} diff --git a/portfolio/src/Icons/contact-icon.tsx b/portfolio/src/Icons/contact-icon.tsx new file mode 100644 index 0000000..d4c1129 --- /dev/null +++ b/portfolio/src/Icons/contact-icon.tsx @@ -0,0 +1,7 @@ +import React from 'react' + +export default function contactIcon() { + return ( +
contact-icon
+ ) +} diff --git a/portfolio/src/Icons/project-icon.tsx b/portfolio/src/Icons/project-icon.tsx new file mode 100644 index 0000000..e69de29 diff --git a/portfolio/src/app/globals.css b/portfolio/src/app/globals.css index fd81e88..b5c61c9 100644 --- a/portfolio/src/app/globals.css +++ b/portfolio/src/app/globals.css @@ -1,27 +1,3 @@ @tailwind base; @tailwind components; @tailwind utilities; - -:root { - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; -} - -@media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; - } -} - -body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); -} diff --git a/portfolio/src/app/layout.tsx b/portfolio/src/app/layout.tsx index 71b3fbf..7ef1bf2 100644 --- a/portfolio/src/app/layout.tsx +++ b/portfolio/src/app/layout.tsx @@ -1,11 +1,11 @@ import './globals.css' -import { Inter } from 'next/font/google' +import { Rubik } from 'next/font/google' -const inter = Inter({ subsets: ['latin'] }) +const rubik = Rubik({ subsets: ['latin'] }) export const metadata = { - title: 'Create Next App', - description: 'Generated by create next app', + title: '🏠 Portfolio', + description: 'a portfolio about me', } export default function RootLayout({ @@ -14,8 +14,8 @@ export default function RootLayout({ children: React.ReactNode }) { return ( - - {children} + + {children} ) } diff --git a/portfolio/src/app/page.tsx b/portfolio/src/app/page.tsx index 7e80296..d68180a 100644 --- a/portfolio/src/app/page.tsx +++ b/portfolio/src/app/page.tsx @@ -1,113 +1,51 @@ import Image from 'next/image' +import SkillIcon from '../Icons/SkillsIcon' export default function Home() { return ( -
-
-

- Get started by editing  - src/app/page.tsx -

-
- - By{' '} - Vercel Logo - +
+
+ a image of myself + +
+
Lorenz
+
Hohermuth
- -
- Next.js Logo -
- -
- -

- Docs{' '} - - -> - -

-

- Find in-depth information about Next.js features and API. -

+ - -

- Deploy{' '} - - -> - -

-

- Instantly deploy your Next.js site to a shareable URL with Vercel. -

- -
) } diff --git a/portfolio/tsconfig.json b/portfolio/tsconfig.json index 0c7555f..000c3e6 100644 --- a/portfolio/tsconfig.json +++ b/portfolio/tsconfig.json @@ -19,9 +19,6 @@ "name": "next" } ], - "paths": { - "@/*": ["./src/*"] - } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], "exclude": ["node_modules"]