imnyang/imnya.ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: update configuration, styles, and components for improved UI and functionality

Browse source
This commit is contained in:
암냥 2026-02-03 21:17:53 +00:00
commit 1ce743e06a
8 changed files with 118 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

71
src/app/page.tsx
View file

@ -1,73 +1,36 @@
'use client';
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 Snowfall from 'react-snowfall';
import { useTheme } from "next-themes";
// import { Banner } from "@/components/ui/banner";
import { LinkIcon, TreeDeciduous, TreePalmIcon, TreesIcon } from "lucide-react";
import { useState } from "react";
import Contact from "@/components/Contact";
// import DraggableWindose from "@/components/DraggableWindose";
import DDayComponent from "@/components/dday";
export default function Page() {
const { theme } = useTheme();
// const [show, setShow] = useState(true);
// const [targetPosition, setTargetPosition] = useState<{ x: number; y: number } | null>(null);
// const [windowVisible, setWindowVisible] = useState(true);
// const handleTXTHover = (position: { x: number; y: number } | null) => {
// setTargetPosition(position);
// if (position) {
// setWindowVisible(true);
// }
// };
return (
<main className="min-h-screen w-screen overflow-y-scroll snap-y snap-mandatory relative">
{/* <Snowfall color={theme === 'dark' ? '#ffffff' : '#bcbcd6ff'} /> */}
<div className="max-w-3xl 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 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 mb-8">
<Banner
show={show}
onHide={() => setShow(false)}
icon={
<TreeDeciduous className="w-4 h-4 text-green-800" />
}
title={
<>
제 크리스마스 트리를 꾸며주세요!
</>
}
action={{
label: "트리 꾸미러 가기",
onClick: () => window.open("https://imnya.ng/tree", "_blank"),
}}
/>
</div> */}
{/* <DraggableWindose targetPosition={targetPosition} isVisible={windowVisible} onClose={() => setWindowVisible(false)} onDragStart={() => setTargetPosition(null)} /> */}
<DraggableWindow />
<div className="max-w-3xl w-full">
<p>나의 <strong>어두움</strong>이 다른 사람들에겐 <strong>빛</strong>이 되길 바라는 <strong>개발자, 정보보안전문가</strong> 암냥입니다.</p>
<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>