diff --git a/app/page.tsx b/app/page.tsx index 967cd2f..859cd3e 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,191 +1,33 @@ -"use client"; +import {StackSeparator, VStack} from "@chakra-ui/react"; -import {AspectRatio} from "@/components/ui/aspect-ratio"; -import Image from "next/image"; -import { toast } from "sonner" - -import background from "@/app/spare.png"; -import myGirlfriend from "@/app/beatifulGirl.jpg"; -import myGirlfriendOne from "@/app/beatifulGirl1.jpg"; -import myGirlfriendTwo from "@/app/beatifulGirl2.jpg"; -import myGirlfriendThree from "@/app/beatifulGirl3.jpg"; -import myGirlfriendFour from "@/app/beatifulGirl4.jpg"; -import myGirlfriendFive from "@/app/beatifulGirl5.jpg"; -import myGirlfriendSix from "@/app/beatifulGirl6.jpg"; - -import {Box, Center, Container, SimpleGrid, StackSeparator, VStack} from "@chakra-ui/react"; -import {Button} from "@/components/ui/button"; -import Link from "next/link"; - -import { Card, CardContent } from "@/components/ui/card" -import { - Carousel, - CarouselContent, - CarouselItem, - CarouselNext, - CarouselPrevious, -} from "@/components/ui/carousel" +import NavigationComponent from "@/components/main/NavigationComponent"; +import SkillComponent from "@/components/main/SkillComponent"; +import BeautifulComponent from "@/components/main/BeautifulComponent"; +import DonationComponent from "@/components/main/DonationComponent"; +import ProjectComponent from "@/components/main/ProjectComponent"; +import ContactComponent from "@/components/main/ContactComponent"; +import JokeComponent from "@/components/main/JokeComponent"; +import AboutComponent from "@/components/main/AboutComponent"; +import IntroductionComponent from "@/components/main/IntroductionComponent"; export default function Home() { return ( - } + background={ "bg-neutral-800" } + className='gap-[12px]' + separator={ + + } > - - - griffith1deady - - - -

- griffith1deady -

-

- 18 y/o, Software Developer, Web Developer, Gamer, Linux - Enthusiast, and a little bit of everything. -

- - - -
-
- "Fork in the eye or in the ass, which one?" -
-
- - @someone - -
-
- "I don't see that you have one eye." -
-
- - @me - -
-
- - - - - - - - - - - - -

- Buy me a beer! -

-
-
- I don't like beer, but I wouldn't mind if you donate to me for beer. After all, I need something to survive on, as developing cheats for games and my own business cards doesn't give me the money I would like :) -
-
- - @me, give me a beer! - -
-
- - - - - - - -

- Beautiful girl! -

-
- my-girlfriend -
-
-
- The most perfect girl I've ever met in my entire life. Even though things don't always go as smoothly as we would like, or as many people imagine the ideal relationship to be, but it's a great relationship, and the most beautiful girl, and most importantly, mine. :) I have so many words and ideas for variations on how to write about how beautiful she is - but the only thing that comes to mind is that I constantly want to see her beautiful sweet smile, for which I am willing to do anything. I may be silly, I would even say foolish, but I love her. She is my beautiful ray of sunshine :) She's my beautiful little kitten, very, very fluffy, who I just want to cuddle and cuddle, you have no idea how much :) -
-
- - @me, sayed that year ago :) - -
-
-
- - - {Array.from([myGirlfriendOne, myGirlfriendTwo, myGirlfriendThree, myGirlfriendFour, myGirlfriendFive, myGirlfriendSix]).map((image, index) => ( - -
- - - my-girlfriend - - -
- - ))} - - - - -
- + + + + + + + + + ); } diff --git a/components/main/AboutComponent.tsx b/components/main/AboutComponent.tsx new file mode 100644 index 0000000..588f5e6 --- /dev/null +++ b/components/main/AboutComponent.tsx @@ -0,0 +1,31 @@ +import {Container} from "@chakra-ui/react"; + +export default function AboutComponent() { + return ( + +

+ About me +

+
+
+ I'm a Software Developer, Web Developer, Gamer, Linux Enthusiast, and a little bit of everything. +
+ Just chill guy that don't need to be cool. +
+ Born in Ukraine, and currently living in Ukraine also. +
+ Has borned in 2006 year, 10 january. +
+ Started to be programmer at 2020 year as Minecraft modding and coding. +
+ If i was be normal guy, i never would be programmer, but i'm just a mental illness guy, and i'm really interested in programming, i'm a big fan of Java, Kotlin, C, C++, Rust, Python, TypeScript, JavaScript, Nim, Zig, and i'm also interested in other languages, like Go, Swift, and Dart. +
+
+ + :) + +
+
+ + ); +} \ No newline at end of file diff --git a/components/main/BeautifulComponent.tsx b/components/main/BeautifulComponent.tsx new file mode 100644 index 0000000..30beaef --- /dev/null +++ b/components/main/BeautifulComponent.tsx @@ -0,0 +1,114 @@ +import {Box, Center, Container, SimpleGrid, VStack} from "@chakra-ui/react"; +import Image from "next/image"; +import myGirlfriend from "@/app/beatifulGirl.jpg"; +import {Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious} from "@/components/ui/carousel"; +import myGirlfriendOne from "@/app/beatifulGirl1.jpg"; +import myGirlfriendTwo from "@/app/beatifulGirl2.jpg"; +import myGirlfriendThree from "@/app/beatifulGirl3.jpg"; +import myGirlfriendFour from "@/app/beatifulGirl4.jpg"; +import myGirlfriendFive from "@/app/beatifulGirl5.jpg"; +import myGirlfriendSix from "@/app/beatifulGirl6.jpg"; +import {Card, CardContent} from "@/components/ui/card"; +import {Button} from "@/components/ui/button"; +import {CheckIcon} from "lucide-react"; + +const characteristics = [ + { value: "The best girl!" }, + { value: "My darling!" }, + { value: "The most beautiful girl!" }, + { value: "Adequate" }, + { value: "Adaptive" }, + { value: "Accurate" }, + { value: "Active" }, + { value: "Ambitious" }, + { value: "Vigilant" }, + { value: "Perfect" }, + { value: "Unselfish" }, + { value: "Noble" }, + { value: "Prudent" }, + { value: "Brilliant" }, + { value: "Polite" }, + { value: "Cheerful" }, + { value: "Mutually Understanding" }, + { value: "Thoughtful" }, + { value: "Generous" }, + { value: "Attentive" }, + { value: "Genial" }, + { value: "Harmonious" }, + { value: "Flexible" }, + { value: "Kind" }, + { value: "Intelligent" }, + { value: "Soulful" }, + { value: "Friendly" }, + { value: "Worthy" }, + { value: "Fascinating" }, + { value: "Wonderful" }, + { value: "Caring" }, + { value: "Golden" }, + { value: "Ideological" }, + { value: "Sincere" }, + { value: "Marvelous" }, + { value: "Intriguing" }, + { value: "Beautiful" }, + { value: "Radiant" }, + { value: "Best" } +]; + +export default function BeautifulComponent() { + return ( + +

+ Beautiful girl! +

+ + my-girlfriend + +

+ shin-a +

+

+ 17 y/o female, just a perfect girl, my little mouse :) +

+ + +
+
+ The most perfect girl I've ever met in my entire life. Even though things don't always go as smoothly as we would like, or as many people imagine the ideal relationship to be, but it's a great relationship, and the most beautiful girl, and most importantly, mine. :) I have so many words and ideas for variations on how to write about how beautiful she is - but the only thing that comes to mind is that I constantly want to see her beautiful sweet smile, for which I am willing to do anything. I may be silly, I would even say foolish, but I love her. She is my beautiful ray of sunshine :) She's my beautiful little kitten, very, very fluffy, who I just want to cuddle and cuddle, you have no idea how much :) +
+
+ + @me, sayed that year ago :) + +
+
+
+ + + {Array.from([myGirlfriendOne, myGirlfriendTwo, myGirlfriendThree, myGirlfriendFour, myGirlfriendFive, myGirlfriendSix]).map((image, index) => ( + +
+ + + my-girlfriend + + +
+ + ))} + + + + +
+ + { + characteristics.map((characteristic, index) => ( + + )) + } + + + ); +} \ No newline at end of file diff --git a/components/main/ContactComponent.tsx b/components/main/ContactComponent.tsx new file mode 100644 index 0000000..d225964 --- /dev/null +++ b/components/main/ContactComponent.tsx @@ -0,0 +1,62 @@ +import {Container, SimpleGrid} from "@chakra-ui/react"; +import {FaDiscord, FaTelegram} from "react-icons/fa6"; +import {Button} from "@/components/ui/button"; + +const communicationPoints = [ + { + name: "Telegram", + href: "https://t.me/griffith1deady", + icon: + }, + { + name: "Discord", + href: "https://discord.com/users/griffith1deady", + icon: + } +]; + +export default function ContactComponent() { + return ( + +

+ Contact me +

+
+
+ If you want to contact me, remember the simple rules: only the “nohello” principle. +
+ I have no interest in communicating with any of you, and I don't care what you want. +
+ Really interested in contacting me? +
+ Then write only on business, without unnecessary water, without a reason to make further communication. +
+ No. Hello. No. Hello. No. Hello. +
+ Never. Be. Interested. Never. Be. Interested. Never. Be. Interested. Never. Be. Interested. +
+
+ + :) + +
+
+ + { + communicationPoints.map((point, index) => ( + + )) + } + + + ); +} \ No newline at end of file diff --git a/components/main/DonationComponent.tsx b/components/main/DonationComponent.tsx new file mode 100644 index 0000000..b715aee --- /dev/null +++ b/components/main/DonationComponent.tsx @@ -0,0 +1,51 @@ +"use client"; + +import {Container, SimpleGrid} from "@chakra-ui/react"; +import {Button} from "@/components/ui/button"; +import Link from "next/link"; +import {toast} from "sonner"; + +export default function DonationComponent() { + return ( + +

+ Buy me a beer! +

+
+
+ I don't like beer, but I wouldn't mind if you donate to me for beer. After all, I need something to survive on, as developing cheats for games and my own business cards doesn't give me the money I would like :) +
+
+ + @me, give me a beer! + +
+
+ + + + + + + ); +} \ No newline at end of file diff --git a/components/main/IntroductionComponent.tsx b/components/main/IntroductionComponent.tsx new file mode 100644 index 0000000..d547d55 --- /dev/null +++ b/components/main/IntroductionComponent.tsx @@ -0,0 +1,27 @@ +import {AspectRatio} from "@/components/ui/aspect-ratio"; +import Image from "next/image"; +import background from "@/app/spare.png"; +import {Box, Container} from "@chakra-ui/react"; + +export default function IntroductionComponent() { + return ( + + + griffith1deady + + +

+ griffith1deady +

+

+ 18 y/o, Software Developer, Web Developer, Gamer, Linux Enthusiast, and a little bit of everything. +

+ + + ); +} \ No newline at end of file diff --git a/components/main/JokeComponent.tsx b/components/main/JokeComponent.tsx new file mode 100644 index 0000000..dba7434 --- /dev/null +++ b/components/main/JokeComponent.tsx @@ -0,0 +1,26 @@ +import {Container} from "@chakra-ui/react"; + +export default function JokeComponent() { + return ( + +
+
+ "Fork in the eye or in the ass, which one?" +
+
+ + @someone + +
+
+ "I don't see that you have one eye." +
+
+ + @me + +
+
+ + ); +} \ No newline at end of file diff --git a/components/main/NavigationComponent.tsx b/components/main/NavigationComponent.tsx new file mode 100644 index 0000000..99dad65 --- /dev/null +++ b/components/main/NavigationComponent.tsx @@ -0,0 +1,50 @@ +import {Container, SimpleGrid} from "@chakra-ui/react"; +import {Button} from "@/components/ui/button"; + +const navigationPoints = [ + { + name: "Skills I'm good at", + href: "#skills-i'm-good-at", + }, + { + name: "Personal project's", + href: "#personal-projects", + }, + { + name: "Contact me", + href: "#contact-me", + }, + { + name: "Buy me a beer", + href: "#buy-me-a-beer", + }, + { + name: "About me", + href: "#about-me", + }, + { + name: "My best girlfriend", + href: "#my-best-girlfriend", + }, +]; + +export default function NavigationComponent() { + return ( + + + {navigationPoints.map((point, index) => ( + + ))} + + + ) +} \ No newline at end of file diff --git a/components/main/ProjectComponent.tsx b/components/main/ProjectComponent.tsx new file mode 100644 index 0000000..4812edf --- /dev/null +++ b/components/main/ProjectComponent.tsx @@ -0,0 +1,31 @@ +import {Container} from "@chakra-ui/react"; + +export default function ProjectComponent() { + return ( + +

+ Personal project's +

+
+
+ Even if i has a something to show, i'm not gonna show it here, because most of my project's is just Cheat development and Commercial things and i have declared NDA document, i just wanna be happy :) +
+ I don't wanna show my code, i just wanna show my idea, and i'm not gonna show my project's. +
+ If you want to see my project's, you can check my Github account. +
+ If you still wanna see something better, you can just see my website griffith1deady.github.io :) +
+ I never will share my personal cheat development project's, because of some retards that will resell my work. +
+ Never. Ask. Never. Share. Never. Give. Never. Show. Never. Give. Never. Share. Never. Ask. +
+
+ + :) + +
+
+ + ); +} \ No newline at end of file diff --git a/components/main/SkillComponent.tsx b/components/main/SkillComponent.tsx new file mode 100644 index 0000000..7a82f38 --- /dev/null +++ b/components/main/SkillComponent.tsx @@ -0,0 +1,109 @@ +"use client"; + +import { Container } from "@chakra-ui/react"; +import { + ChartConfig, + ChartContainer, + ChartTooltip, + ChartTooltipContent +} from "@/components/ui/chart"; +import { Accordion, AccordionItem, AccordionContent, AccordionTrigger } from "@/components/ui/accordion"; +import { Bar, BarChart, CartesianGrid, XAxis, ResponsiveContainer } from "recharts"; + +const chartData = [ + { language: "Java", level: 90, fill: "#007396" }, + { language: "Kotlin", level: 60, fill: "#7F52FF" }, + { language: "Nim", level: 50, fill: "#4E9F3D" }, + { language: "C", level: 40, fill: "#009688" }, + { language: "C++", level: 20, fill: "#0044CC" }, + { language: "TypeScript", level: 90, fill: "#007ACC" }, + { language: "JavaScript", level: 70, fill: "#F7DF1E" }, + { language: "Rust", level: 15, fill: "#F85B47" }, + { language: "Zig", level: 10, fill: "#2F3A53" }, + { language: "Python", level: 50, fill: "#306998" } +]; + +const chartConfig = {} satisfies ChartConfig; + +const frameworkData = [ + { framework: "React", information: "I'm used this in any my personal project and i'm happy with it :)" }, + { framework: "Vue", information: "I'm used this at Electron app development for my work, but in general i don't like it :)" }, + { framework: "Spring", information: "Only personal basis usage, not commercial and i don't like it :(" }, + { framework: "Ktor", information: "I really love this framework and how it is designed, have built some personal projects with it and i'm happy with it :)" }, + { framework: "Mummy", information: "I. really. love. this. framework. and. how it is work's, i even make my diploma project with it :)" }, + { framework: "ASM", information: "Very interesting framework for code modification and generation, i used that at Minecraft modding and in code generation for speed critical application project's :)" }, + { framework: "LWJGL", information: "Used this framework for my personal project, but i don't like how is low level it :(" }, + { framework: "Raylib", information: "I very like this framework, i used it for my personal project's, overlay & cheat development, game creation and i'm happy with it :)" }, +] + +export default function SkillComponent() { + return ( + +

+ Skills I'm good at +

+

+ Language knowledge +

+ + + + + + }/> + + + + +

+ Framework knowledge +

+ + { + frameworkData.map((framework, index) => ( + + + {framework.framework} + + + {framework.information} + + + )) + } + +
+
+ I'm just a guy, but i'm really interested in programming, i'm a big fan of Java, Kotlin, C, C++, + Rust, Python, TypeScript, JavaScript, Nim, Zig, and i'm also interested in other languages, like Go, + Swift, and Dart. +
+ Software development is my passion, and i'm always looking for new challenges and opportunities to grow as + a developer. +
+ As a software engineer, i'm constantly learning and improving my skills, and i'm always looking for + ways to expand my knowledge and expertise. +
+ I'm also a big fan of open-source projects and contributing to them, as it allows me to collaborate with + other developers, gain experience, and make a positive impact on the community. +
+ Overall, I'm a curious and driven individual who is always eager to learn new things and explore new + opportunities, and I'm excited to see where my passion for programming takes me next. +
+ Reverse engineering is my most loved hobby, because i just love to understand how things work, and i'm + always looking for new ways to learn and explore. +
+
+ + i just wanna be happy after all :) + +
+
+ + ); +} diff --git a/next.config.mjs b/next.config.mjs index adffcd3..6dc6513 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -2,6 +2,9 @@ const nextConfig = { output: "export", distDir: "out", + images: { + unoptimized: true, + } }; export default nextConfig; diff --git a/tsconfig.json b/tsconfig.json index e7ff90f..ee33bd8 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,6 +1,10 @@ { "compilerOptions": { - "lib": ["dom", "dom.iterable", "esnext"], + "lib": [ + "dom", + "dom.iterable", + "esnext" + ], "allowJs": true, "skipLibCheck": true, "strict": true, @@ -18,9 +22,19 @@ } ], "paths": { - "@/*": ["./*"] + "@/*": [ + "./*" + ] } }, - "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], - "exclude": ["node_modules"] + "include": [ + "next-env.d.ts", + "**/*.ts", + "**/*.tsx", + ".next/types/**/*.ts", + "out/types/**/*.ts" + ], + "exclude": [ + "node_modules" + ] }