니디걸오버도즈
This commit is contained in:
parent
d4c8c9d9c5
commit
5be9625af3
25 changed files with 208 additions and 29 deletions
|
|
@ -3,45 +3,46 @@ import Projects from "@/components/Projects";
|
|||
import TimelineComponent from "@/components/timeline";
|
||||
import Top from "@/components/Top";
|
||||
import Image from "next/image";
|
||||
import DraggableWindow from "@/components/DraggableWindow";
|
||||
import ReadmeWindow from "@/components/ReadmeWindow";
|
||||
|
||||
export default async function BlogIndex() {
|
||||
return (
|
||||
<main className="min-h-screen w-screen">
|
||||
{/* <section id="top" className="max-w-3xl w-full mx-auto px-4">
|
||||
<div className="flex flex-row items-center w-full h-full gap-6 mt-8">
|
||||
<Image
|
||||
src="/Frame.svg"
|
||||
alt="logo"
|
||||
className="w-fit h-fit"
|
||||
width={30}
|
||||
height={30}
|
||||
/>
|
||||
<h1 className="font-ntype text-3xl">
|
||||
<a href="mailto:me@imnya.ng">me@imnya.ng</a>
|
||||
</h1>
|
||||
</div>
|
||||
<figure className="my-8 w-full h-auto">
|
||||
<picture className="block bg-gray-100 rounded-xl aspect-3-2 overflow-hidden image-scale object-shadowed mt-8">
|
||||
<Image src="/1500x500.jpg" alt="test image" className="object-cover object-center transition-transform duration-300 hover:scale-105" width={3168} height={1344} />
|
||||
</picture>
|
||||
</figure>
|
||||
</section> */}
|
||||
<Top />
|
||||
<section id="about" className="h-screen max-w-4xl mx-auto px-4">
|
||||
<div className=" mt-8">
|
||||
<h1 className="text-2xl font-bold mb-4 w-full">💕 About</h1>
|
||||
<p>오직 <strong>호기심과 실행력</strong>으로만 성장해 온 <strong>개발자, 정보보안전문가</strong> 남현석입니다.</p>
|
||||
<main className="min-h-screen w-screen overflow-y-scroll snap-y snap-mandatory">
|
||||
<div className="max-w-4xl w-full flex flex-row h-auto mx-auto gap-4 items-center my-8 lg:px-0 px-8">
|
||||
<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>
|
||||
<section id="about" className="w-full snap-start snap-always flex flex-col items-center justify-center px-8 lg:px-0">
|
||||
<DraggableWindow />
|
||||
<div className="max-w-4xl w-full">
|
||||
<p>나의 <strong>어두움</strong>이 다른 사람들에겐 <strong>빛</strong>이 되길 바라는 <strong>개발자, 정보보안전문가</strong> 남현석입니다.</p>
|
||||
<p><strong>초등학교 시절 운영체제</strong>에 흥미를 느껴 컴퓨터를 시작했고, 이후 프로그래밍에 관심을 갖게 되었습니다.</p>
|
||||
<p><strong>초등학교 4학년 때 Python</strong>으로 프로그래밍을 시작했으며, 현재는 <strong>TypeScript</strong>를 주로 사용합니다.</p>
|
||||
<p>최근에는 정보보안 분야 중 <strong>웹 해킹</strong>에 관심이 많습니다.</p>
|
||||
<br />
|
||||
<p>대표적인 프로젝트들은 아래와 같습니다.</p>
|
||||
<ReadmeWindow />
|
||||
<br />
|
||||
<p>대표적인 프로젝트들은 아래와 같습니다.</p>
|
||||
<Projects />
|
||||
<br />
|
||||
<TimelineComponent />
|
||||
|
||||
<div className="text-muted-foreground text-sm">
|
||||
<br />
|
||||
<p>© 2025 HyunSuk Nam. All rights reserved.</p>
|
||||
<p>이 웹사이트의 일부 이미지는 생성형 인공지능을 통해 제작되었습니다.</p>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<TimelineComponent />
|
||||
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue