57 lines
2.6 KiB
TypeScript
57 lines
2.6 KiB
TypeScript
import Projects from "@/components/Projects";
|
|
import TimelineComponent from "@/components/timeline";
|
|
import Image from "next/image";
|
|
// import DraggableWindow from "@/components/DraggableWindow";
|
|
import ReadmeWindow from "@/components/ReadmeWindow";
|
|
import Contact from "@/components/Contact";
|
|
import DDayComponent from "@/components/dday";
|
|
|
|
export default async function Page({ searchParams }: { searchParams: Promise<{ nowindow?: string }> }) {
|
|
const params = await searchParams;
|
|
const showWindow = params.nowindow === undefined;
|
|
|
|
return (
|
|
<main className="min-h-screen w-screen overflow-y-scroll snap-y snap-mandatory relative">
|
|
<div className="max-w-3xl w-full flex flex-row h-auto mx-auto my-8 items-center justify-between lg:px-0 px-8">
|
|
<div className="flex flex-row gap-4 items-center">
|
|
<Image
|
|
src="/Frame.svg"
|
|
alt="logo"
|
|
className="w-fit h-fit"
|
|
width={30}
|
|
height={30}
|
|
/>
|
|
<h1 className="font-ntype text-3xl text-foreground/70">
|
|
<a href="mailto:me@imnya.ng">me@imnya.ng</a>
|
|
</h1>
|
|
</div>
|
|
<DDayComponent targetDate={new Date('2010-11-08T03:00:00+09:00')} label="🎂 Birth" />
|
|
</div>
|
|
<div className="max-w-3xl w-full flex mx-auto mb-8 px-8 lg:px-0">
|
|
<Contact />
|
|
</div>
|
|
<section id="about" className="w-full snap-start snap-always flex flex-col items-center justify-center px-8 lg:px-0">
|
|
<div className="max-w-3xl w-full lg:px-0 px-8">
|
|
<p><strong>더 멋진 세상</strong>을 만들기 위해 노력하는 암냥입니다.</p>
|
|
<p><strong>초등학교 시절 운영체제</strong>에 흥미를 느껴 컴퓨터를 시작했고, 이후 프로그래밍에 관심을 갖게 되었습니다.</p>
|
|
<p><strong>초등학교 4학년 때 Python</strong>으로 프로그래밍을 시작했으며, 현재는 <strong>TypeScript</strong>를 주로 사용합니다.</p>
|
|
<p>최근에는 정보보안 분야 중 <strong>웹 해킹</strong>에 관심이 많습니다.</p>
|
|
<br />
|
|
<ReadmeWindow />
|
|
<br />
|
|
<p>대표적인 프로젝트들은 아래와 같습니다.</p>
|
|
<Projects />
|
|
<br />
|
|
<TimelineComponent />
|
|
|
|
<div className="text-muted-foreground text-sm">
|
|
<br />
|
|
<p>© 2026 imnyang. All rights reserved.</p>
|
|
<p>이 웹사이트의 일부 이미지는 생성형 인공지능을 통해 제작되었습니다.</p>
|
|
<br />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
);
|
|
}
|