37 lines
No EOL
1.8 KiB
TypeScript
37 lines
No EOL
1.8 KiB
TypeScript
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipProvider,
|
|
TooltipTrigger,
|
|
} from "@/components/ui/tooltip";
|
|
|
|
export default function Top() {
|
|
return (
|
|
<div className="bg-background text-foreground w-full h-screen flex items-center justify-center">
|
|
<div className="flex flex-col md:flex-row w-full md:w-[50%] h-full py-16 md:py-32">
|
|
<div className="w-full md:w-[40%] h-full flex flex-col justify-center items-center md:items-end md:pr-16">
|
|
<div className="text-center md:text-right">
|
|
<h1 className="text-5xl font-semibold ntypefont">Nam<br/>HyunSuk</h1>
|
|
<p className="mt-4 text-xl">
|
|
암냥이라는 이름으로 활동하고 있는<br/> 학생 개발자 남현석라고 합니다.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<TooltipProvider delayDuration={0}>
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<div className="w-full md:w-[60%] h-full flex justify-center md:justify-end items-end bg-transparent md:bg-[#654e5c] rounded-3xl mt-8 md:mt-0 select-none">
|
|
<img
|
|
src="https://f.imnya.ng/profile/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.avif"
|
|
className="w-[60%] max-w-[360px] select-none pointer-events-none"
|
|
title="Special Thanks to @dob2_"
|
|
/>
|
|
</div>
|
|
</TooltipTrigger>
|
|
<TooltipContent align="end" side="bottom" className="px-2 py-1 text-xs">Special Thanks to @dob2_</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
</div>
|
|
</div>
|
|
);
|
|
} |