-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
2d7d055
commit 6419a2e
Showing
12 changed files
with
546 additions
and
186 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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 ( | ||
| <VStack | ||
| background={ "bg-neutral-800" } | ||
| className='gap-[12px]' | ||
| separator={ | ||
| <StackSeparator borderColor={ "bg-neutral-800" } /> | ||
| } | ||
| background={ "bg-neutral-800" } | ||
| className='gap-[12px]' | ||
| separator={ | ||
| <StackSeparator borderColor={ "bg-neutral-800" } /> | ||
| } | ||
| > | ||
| <Container> | ||
| <AspectRatio ratio={12 / 4} className='bg-muted max-h-[300px]'> | ||
| <Image | ||
| src={background} | ||
| alt='griffith1deady' | ||
| fill | ||
| className="h-full w-full object-cover rounded-[16px]" | ||
| /> | ||
| </AspectRatio> | ||
|
|
||
| <Box padding={4} className='text-center'> | ||
| <h2 className='font-bold text-[2.25rem] text-foreground'> | ||
| griffith1deady | ||
| </h2> | ||
| <p className='font-sans text-[18px] opacity-[0.7]'> | ||
| 18 y/o, Software Developer, Web Developer, Gamer, Linux | ||
| Enthusiast, and a little bit of everything. | ||
| </p> | ||
| </Box> | ||
| </Container> | ||
| <Container> | ||
| <figure className="text-center border-l-4 border-[var(--chakra-colors-gray-muted)]"> | ||
| <blockquote className="pl-4 text-xl my-4"> | ||
| "Fork in the eye or in the ass, which one?" | ||
| </blockquote> | ||
| <figcaption className="text-center"> | ||
| <span className="font-bold"> | ||
| @someone | ||
| </span> | ||
| </figcaption> | ||
| <blockquote className="pl-4 text-xl my-4"> | ||
| "I don't see that you have one eye." | ||
| </blockquote> | ||
| <figcaption className="text-center"> | ||
| <span className="font-bold"> | ||
| @me | ||
| </span> | ||
| </figcaption> | ||
| </figure> | ||
| </Container> | ||
| <Container> | ||
| <SimpleGrid columns={[1, null, 2]} gap={4}> | ||
| <Button className='rounded-tl rounded-br' variant={'outline'}> | ||
| <span className="text-xl font-bold"> | ||
| Skills I'm good at | ||
| </span> | ||
| </Button> | ||
| <Button className='rounded-tl rounded-br' variant={'outline'}> | ||
| <span className="text-xl font-bold"> | ||
| Personal project's | ||
| </span> | ||
| </Button> | ||
| <Button className='rounded-tl rounded-br' variant={'outline'}> | ||
| <span className="text-xl font-bold"> | ||
| Contact me | ||
| </span> | ||
| </Button> | ||
| <Button className='rounded-tl rounded-br' variant={'outline'}> | ||
| <a className="text-xl font-bold" href={'#buy-me-a-beer'}> | ||
| Buy me a beer | ||
| </a> | ||
| </Button> | ||
| <Button className='rounded-tl rounded-br' variant={'outline'}> | ||
| <a className="text-xl font-bold"> | ||
| About me | ||
| </a> | ||
| </Button> | ||
| <Button className='rounded-tl rounded-br' variant={'outline'}> | ||
| <a className="text-xl font-bold" href={'#my-best-girlfriend'}> | ||
| My best girlfriend | ||
| </a> | ||
| </Button> | ||
| </SimpleGrid> | ||
| </Container> | ||
| <Container id='buy-me-a-beer'> | ||
| <h2 className='font-bold text-[2.25rem] text-foreground text-center'> | ||
| Buy me a beer! | ||
| </h2> | ||
| <figure className="text-center border-l-4 border-[var(--chakra-colors-gray-muted)]"> | ||
| <blockquote className="pl-4 text-xl my-4 text-left"> | ||
| 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 :) | ||
| </blockquote> | ||
| <figcaption className="text-center"> | ||
| <span className="font-bold"> | ||
| @me, give me a beer! | ||
| </span> | ||
| </figcaption> | ||
| </figure> | ||
| <SimpleGrid columns={[1, null, 2]} gap={4} padding={4}> | ||
| <Button className='rounded-tl rounded-br' variant={'outline'}> | ||
| <Link className="text-xl font-bold" href={'https://send.monobank.ua/jar/8q7jfngYt1'}> | ||
| "A jar in Monobank" | ||
| </Link> | ||
| </Button> | ||
| <Button | ||
| className='rounded-tl rounded-br text-xl font-bold' | ||
| variant={'outline'} | ||
| onClick={() => { | ||
| toast.success("[email protected] is my email for receiving beer :)") | ||
| }} | ||
| > | ||
| "Paypal" | ||
| </Button> | ||
| <Button | ||
| className='rounded-tl rounded-br text-xl font-bold' | ||
| variant={'outline'} | ||
| onClick={() => { | ||
| toast.success("`TReZG6poXtSFQ1wZdMpRL2BzKpALBdGXzT` is my address for receiving beer :)") | ||
| }} | ||
| > | ||
| "TRC20" | ||
| </Button> | ||
| </SimpleGrid> | ||
| </Container> | ||
| <Container id='my-best-girlfriend'> | ||
| <h2 className='font-bold text-[2.25rem] text-foreground text-center'> | ||
| Beautiful girl! | ||
| </h2> | ||
| <Center> | ||
| <Image src={myGirlfriend} alt='my-girlfriend' className='rounded-[16px] max-w-[300px] max-h-[300px]'/> | ||
| </Center> | ||
| <figure className="text-center border-l-4 border-[var(--chakra-colors-gray-muted)]"> | ||
| <blockquote className="pl-4 text-xl my-4 text-left"> | ||
| 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 :) | ||
| </blockquote> | ||
| <figcaption className="text-center"> | ||
| <span className="font-bold"> | ||
| @me, sayed that year ago :) | ||
| </span> | ||
| </figcaption> | ||
| </figure> | ||
| <Center pt={10}> | ||
| <Carousel className="w-full max-w-xs"> | ||
| <CarouselContent> | ||
| {Array.from([myGirlfriendOne, myGirlfriendTwo, myGirlfriendThree, myGirlfriendFour, myGirlfriendFive, myGirlfriendSix]).map((image, index) => ( | ||
| <CarouselItem key={index}> | ||
| <div className="p-1"> | ||
| <Card> | ||
| <CardContent className="flex aspect-square items-center justify-center p-6"> | ||
| <Image src={image} alt='my-girlfriend' className='rounded-[16px] max-w-[300px] max-h-[300px]'/> | ||
| </CardContent> | ||
| </Card> | ||
| </div> | ||
| </CarouselItem> | ||
| ))} | ||
| </CarouselContent> | ||
| <CarouselPrevious /> | ||
| <CarouselNext /> | ||
| </Carousel> | ||
| </Center> | ||
| </Container> | ||
| <IntroductionComponent/> | ||
| <JokeComponent/> | ||
| <NavigationComponent/> | ||
| <SkillComponent/> | ||
| <ProjectComponent/> | ||
| <ContactComponent/> | ||
| <DonationComponent/> | ||
| <AboutComponent/> | ||
| <BeautifulComponent/> | ||
| </VStack> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| import {Container} from "@chakra-ui/react"; | ||
|
|
||
| export default function AboutComponent() { | ||
| return ( | ||
| <Container id='about-me'> | ||
| <h2 className='font-bold text-[2.25rem] text-foreground text-center'> | ||
| About me | ||
| </h2> | ||
| <figure className="text-center border-l-4 border-[var(--chakra-colors-gray-muted)] mt-4"> | ||
| <blockquote className="pl-4 text-xl my-4 text-left"> | ||
| I'm a Software Developer, Web Developer, Gamer, Linux Enthusiast, and a little bit of everything. | ||
| <br/> | ||
| Just chill guy that don't need to be cool. | ||
| <br/> | ||
| Born in Ukraine, and currently living in Ukraine also. | ||
| <br/> | ||
| Has borned in 2006 year, 10 january. | ||
| <br/> | ||
| Started to be programmer at 2020 year as Minecraft modding and coding. | ||
| <br/> | ||
| 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. | ||
| </blockquote> | ||
| <figcaption className="text-center"> | ||
| <span className="font-bold"> | ||
| :) | ||
| </span> | ||
| </figcaption> | ||
| </figure> | ||
| </Container> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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 ( | ||
| <Container id='my-best-girlfriend'> | ||
| <h2 className='font-bold text-[2.25rem] text-foreground text-center'> | ||
| Beautiful girl! | ||
| </h2> | ||
| <VStack> | ||
| <Image src={myGirlfriend} alt='my-girlfriend' className='rounded-[16px] max-w-[300px] max-h-[300px]'/> | ||
| <Box padding={4} className='text-center'> | ||
| <h2 className='font-bold text-[2.25rem] text-foreground'> | ||
| shin-a | ||
| </h2> | ||
| <p className='font-sans text-[18px] opacity-[0.7]'> | ||
| 17 y/o female, just a perfect girl, my little mouse :) | ||
| </p> | ||
| </Box> | ||
| </VStack> | ||
| <figure className="text-center border-l-4 border-[var(--chakra-colors-gray-muted)]"> | ||
| <blockquote className="pl-4 text-xl my-4 text-left"> | ||
| 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 :) | ||
| </blockquote> | ||
| <figcaption className="text-center"> | ||
| <span className="font-bold"> | ||
| @me, sayed that year ago :) | ||
| </span> | ||
| </figcaption> | ||
| </figure> | ||
| <Center pt={10}> | ||
| <Carousel className="w-full max-w-xs"> | ||
| <CarouselContent> | ||
| {Array.from([myGirlfriendOne, myGirlfriendTwo, myGirlfriendThree, myGirlfriendFour, myGirlfriendFive, myGirlfriendSix]).map((image, index) => ( | ||
| <CarouselItem key={index}> | ||
| <div className="p-1"> | ||
| <Card> | ||
| <CardContent className="flex aspect-square items-center justify-center p-6"> | ||
| <Image src={image} alt='my-girlfriend' className='rounded-[16px] max-w-[300px] max-h-[300px]'/> | ||
| </CardContent> | ||
| </Card> | ||
| </div> | ||
| </CarouselItem> | ||
| ))} | ||
| </CarouselContent> | ||
| <CarouselPrevious /> | ||
| <CarouselNext /> | ||
| </Carousel> | ||
| </Center> | ||
| <SimpleGrid columns={[1, null, 4]} gap={4}> | ||
| { | ||
| characteristics.map((characteristic, index) => ( | ||
| <Button className='font-bold text-[14px] text-foreground text-center' key={index} variant='outline' asChild> | ||
| <h2> <CheckIcon/> {characteristic.value} </h2> | ||
| </Button> | ||
| )) | ||
| } | ||
| </SimpleGrid> | ||
| </Container> | ||
| ); | ||
| } |
Oops, something went wrong.