-
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
Showing
12 changed files
with
134 additions
and
137 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 |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| import { SmileIconSolid } from "./icons"; | ||
|
|
||
| import { cn } from "~/utils/handlers"; | ||
|
|
||
| export function About() { | ||
| const array = new Array(6).fill(0); | ||
|
|
||
| return ( | ||
| <div className="w-full space-y-16"> | ||
| <div className="space-y-6"> | ||
| <p | ||
| className="text-center text-3xl font-medium sm:text-4xl" | ||
| style={{ | ||
| lineHeight: "110%", | ||
| }} | ||
| > | ||
| This project is for anyone curious about the different paths people | ||
| take in their careers. It demystifies job titles, shares daily | ||
| routines, highlights and aspirations in a{" "} | ||
| <span className="text-gradient bg-[length:200%]"> | ||
| simple Q&A format. | ||
| </span> | ||
| </p> | ||
| </div> | ||
|
|
||
| {/* Icons */} | ||
| <div className="space-y-6"> | ||
| <div className="flex flex-wrap justify-center gap-3"> | ||
| {array.map((_, index) => ( | ||
| <div className={cn(index > 3 && "hidden sm:block")} key={index}> | ||
| <IconTile /> | ||
| </div> | ||
| ))} | ||
| </div> | ||
|
|
||
| <div className="flex justify-center"> | ||
| <p className="text-gradient w-fit text-center font-medium leading-tight"> | ||
| More awesome people are coming! | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| // Icon Tile | ||
| function IconTile() { | ||
| return ( | ||
| <div className="group/icon relative flex size-20 shrink-0 items-center justify-center rounded-xl bg-stone-950 bg-[length:200%] transition hover:-translate-y-1 hover:animate-anime-sm hover:bg-gradient-base-diagonal"> | ||
| <span className="absolute -top-10 flex h-8 w-6 items-center justify-center rounded-full bg-stone-200 text-base font-semibold text-stone-950 opacity-0 group-hover/icon:opacity-100"> | ||
| ? | ||
| </span> | ||
| <SmileIconSolid className="w-8 fill-stone-50" /> | ||
| </div> | ||
| ); | ||
| } |
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
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
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
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
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
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
This file was deleted.
Oops, something went wrong.
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,21 @@ | ||
| import { ReactNode } from "react"; | ||
|
|
||
| import { cn } from "~/utils/handlers"; | ||
|
|
||
| interface PageLayoutProps { | ||
| children: ReactNode; | ||
| className?: string; | ||
| } | ||
|
|
||
| export function PageLayout({ children, className = "" }: PageLayoutProps) { | ||
| return ( | ||
| <div | ||
| className={cn( | ||
| "relative mx-auto max-w-7xl px-2 pb-16 pt-10 sm:px-4", | ||
| className, | ||
| )} | ||
| > | ||
| {children} | ||
| </div> | ||
| ); | ||
| } |
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
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,41 +1,41 @@ | ||
| import { ReactNode } from "react"; | ||
| import { forwardRef, ReactNode } from "react"; | ||
|
|
||
| import { cn } from "~/utils/handlers"; | ||
|
|
||
| interface ButtonProps { | ||
| type?: "button" | "submit" | "reset"; | ||
| children: string | ReactNode; | ||
| onClick?: () => void; | ||
| disabled?: boolean; | ||
| className?: string; | ||
| isAnimated?: boolean; | ||
| } | ||
|
|
||
| const noop = (): void => { | ||
| return; | ||
| }; | ||
| export const Button = forwardRef<HTMLButtonElement, ButtonProps>( | ||
| ( | ||
| { | ||
| children, | ||
| disabled = false, | ||
| isAnimated = false, | ||
| className = "", | ||
| ...props | ||
| }, | ||
| ref, | ||
| ) => { | ||
| return ( | ||
| <button | ||
| className={cn( | ||
| "group/button relative z-10 flex h-14 w-full items-center justify-center rounded-full bg-white text-lg font-bold", | ||
| isAnimated && "animate-anime bg-gradient-base bg-[length:600%]", | ||
| disabled && "opacity-50", | ||
| className, | ||
| )} | ||
| disabled={disabled} | ||
| ref={ref} | ||
| {...props} | ||
| > | ||
| {children} | ||
| </button> | ||
| ); | ||
| }, | ||
| ); | ||
|
|
||
| export function Button({ | ||
| children, | ||
| onClick = noop, | ||
| type = "button", | ||
| disabled = false, | ||
| className = "", | ||
| isAnimated = false, | ||
| }: ButtonProps) { | ||
| return ( | ||
| <button | ||
| className={cn( | ||
| "group/button relative z-10 flex h-14 w-full items-center justify-center rounded-full bg-white text-lg font-bold", | ||
| isAnimated && "animate-anime bg-gradient-base bg-[length:600%]", | ||
| disabled && "opacity-50", | ||
| className, | ||
| )} | ||
| onClick={onClick} | ||
| type={type} | ||
| disabled={disabled} | ||
| > | ||
| {children} | ||
| </button> | ||
| ); | ||
| } | ||
| Button.displayName = "Button"; |