47 lines
2.1 KiB
TypeScript
47 lines
2.1 KiB
TypeScript
import NeoFetch from "@/components/NeoFetch";
|
|
import Projects from "@/components/Projects";
|
|
import TimelineComponent from "@/components/timeline";
|
|
import Top from "@/components/Top";
|
|
import Image from "next/image";
|
|
|
|
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>
|
|
<section id="about" className="h-screen max-w-3xl 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>
|
|
<p><strong>초등학교 시절 운영체제</strong>에 흥미를 느껴 컴퓨터를 시작했고, 이후 프로그래밍에 관심을 갖게 되었습니다.</p>
|
|
<p><strong>초등학교 4학년 때 Python</strong>으로 프로그래밍을 시작했으며, 현재는 <strong>TypeScript</strong>를 주로 사용합니다.</p>
|
|
<p>최근에는 정보보안 분야 중 <strong>웹 해킹</strong>에 관심이 많습니다.</p>
|
|
<br />
|
|
<p>대표적인 프로젝트들은 아래와 같습니다.</p>
|
|
<br />
|
|
<Projects />
|
|
</div>
|
|
|
|
<TimelineComponent />
|
|
|
|
</section>
|
|
</main>
|
|
);
|
|
}
|