Renew all

griffith1deady · Nov 29, 2024 · 0b63fa8 · 0b63fa8
1 parent b6e99c4
commit 0b63fa8
Show file tree

Hide file tree

Showing 106 changed files with 2,213 additions and 11,994 deletions.
diff --git a/README.md b/README.md
@@ -1 +1,36 @@
-# griffith1deady.github.io
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
diff --git a/public/beatifulGirl.jpg → app/beatifulGirl.jpg b/public/beatifulGirl.jpg → app/beatifulGirl.jpg
diff --git a/public/beatifulGirl1.jpg → app/beatifulGirl1.jpg b/public/beatifulGirl1.jpg → app/beatifulGirl1.jpg
diff --git a/public/beatifulGirl2.jpg → app/beatifulGirl2.jpg b/public/beatifulGirl2.jpg → app/beatifulGirl2.jpg
diff --git a/public/beatifulGirl3.jpg → app/beatifulGirl3.jpg b/public/beatifulGirl3.jpg → app/beatifulGirl3.jpg
diff --git a/public/beatifulGirl4.jpg → app/beatifulGirl4.jpg b/public/beatifulGirl4.jpg → app/beatifulGirl4.jpg
diff --git a/public/beatifulGirl5.jpg → app/beatifulGirl5.jpg b/public/beatifulGirl5.jpg → app/beatifulGirl5.jpg
diff --git a/public/beatifulGirl6.jpg → app/beatifulGirl6.jpg b/public/beatifulGirl6.jpg → app/beatifulGirl6.jpg
diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/fonts/GeistMonoVF.woff b/app/fonts/GeistMonoVF.woff
diff --git a/app/fonts/GeistVF.woff b/app/fonts/GeistVF.woff
diff --git a/app/globals.css b/app/globals.css
@@ -0,0 +1,28 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+* {
+  font-family: 'Nunito', serif;
+}
+
+body {
+  font-family: 'Nunito', serif;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+main {
+  display: block;
+}
+
+@layer utilities {
+  .text-balance {
+    text-wrap: balance;
+  }
+}
+
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import "./globals.css";
+import {ThemeProvider} from "@/components/theme-provider";
+import NavbarComponent from "@/components/layout/NavbarComponent";
+import React from "react";
+import {Box, Container} from "@chakra-ui/react";
+import {Toaster} from "sonner";
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <head>
+          <style jsx global>{`
+            @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap");
+          `}</style>
+      </head>
+      <body>
+          <ThemeProvider
+              attribute="class"
+              defaultTheme="dark"
+              disableTransitionOnChange
+          >
+              <Box as="main" minH="100vh" position="relative">
+                  <NavbarComponent/>
+                  <Container maxW="1024px" pt={28} px={6} pb={36}>
+                      {children}
+                  </Container>
+              </Box>
+              <Toaster/>
+          </ThemeProvider>
+      </body>
+    </html>
+  );
+}
diff --git a/app/page.tsx b/app/page.tsx
@@ -0,0 +1,191 @@
+"use client";
+
+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"
+
+export default function Home() {
+  return (
+      <VStack
+          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">
+                      &#34;Fork in the eye or in the ass, which one?&#34;
+                  </blockquote>
+                  <figcaption className="text-center">
+                      <span className="font-bold">
+                          @someone
+                      </span>
+                  </figcaption>
+                  <blockquote className="pl-4 text-xl my-4">
+                      &#34;I don&#39;t see that you have one eye.&#34;
+                  </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&#39;m good at
+                        </span>
+                    </Button>
+                    <Button className='rounded-tl rounded-br' variant={'outline'}>
+                        <span className="text-xl font-bold">
+                            Personal project&#39;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&#39;t like beer, but I wouldn&#39;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&#39;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'}>
+                            &#34;A jar in Monobank&#34;
+                        </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 :)")
+                      }}
+                  >
+                      &#34;Paypal&#34;
+                  </Button>
+                  <Button
+                      className='rounded-tl rounded-br text-xl font-bold'
+                      variant={'outline'}
+                      onClick={() => {
+                          toast.success("`TReZG6poXtSFQ1wZdMpRL2BzKpALBdGXzT` is my address for receiving beer :)")
+                      }}
+                  >
+                      &#34;TRC20&#34;
+                  </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&#39;ve ever met in my entire life. Even though things don&#39;t always go as smoothly as we would like, or as many people imagine the ideal relationship to be, but it&#39;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&#39;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 some one 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>
+      </VStack>
+  );
+}
diff --git a/public/spare.png → app/spare.png b/public/spare.png → app/spare.png
diff --git a/bun.lockb b/bun.lockb
diff --git a/components.json b/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": false,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}
diff --git a/components/AppBlock.tsx b/components/AppBlock.tsx
diff --git a/components/AppNavBar.tsx b/components/AppNavBar.tsx