-
{label && `${label} | `}{
- new Date(targetDate).toLocaleDateString()
- }
-
D-Day
+
+ D-Day
+ {label} | {new Date(targetDate).toDateString()}
diff --git a/src/components/EPCProjects.astro b/src/components/EPCProjects.astro
deleted file mode 100644
index bd0497a..0000000
--- a/src/components/EPCProjects.astro
+++ /dev/null
@@ -1,218 +0,0 @@
----
-const videoUrl =
- "https://www.youtube.com/live/5HDW7u3xt6Y?si=SgPxg83YMdeqGo3t&t=8366";
-const roles = ["Broadcast Manager", "ARG Creator", "Developer"];
----
-
-
-
-
-
-
- 무대 뒤에서,
경험을 만들면서...
-
-
- 불과 얼음의 춤(A Dance of Fire and Ice)의 이펙트 제작과
- 플레이를
함께 다루는 대회, Effect Playing Contest. 2025와
- Finale 시즌에 참여하며 방송부터 ARG, 개발까지 함께했어요.
-
-
- {
- roles.map((role) => (
- -
- {role}
-
- ))
- }
-
-
-
-
-
- 012026 · FINALE
-
-
- Effect Playing Contest : Finale
-
-
- 달성이 주관하고 ADOFAI.gg가 공동 주최하는 EPC의
- 마지막 시즌이에요.
방송 화면 개발과 운영을 맡고,
- 대회의 퍼즐을 경험하는 ARG를 제작했었어요.
-
- Finale 영상 플레이리스트 ↗
-
-
-
-
- 022025
-
-
- Effect Playing Contest 2025
-
-
- 이펙트 제작자와 플레이어가 각자의 실력을 선보이는
- 리듬 게임 대회입니다. 방송 화면의 대부분의 기능을
- 개발하고, 방송 운영을 담당했습니다.
-
- 2025 영상 플레이리스트 ↗
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
-
diff --git a/src/components/Experience.astro b/src/components/Experience.astro
deleted file mode 100644
index 992452f..0000000
--- a/src/components/Experience.astro
+++ /dev/null
@@ -1,145 +0,0 @@
----
-import { events } from "@/lib/events";
-
-const sortedEvents = [...events].sort((a, b) => b.date.localeCompare(a.date));
-const years = [...new Set(sortedEvents.map((event) => event.date.slice(0, 4)))];
-// biome-ignore lint/correctness/noUnusedVariables: Used in the Astro template below.
-const eventsByYear = years.map((year) => ({
- year,
- events: sortedEvents.filter((event) => event.date.startsWith(year)),
-}));
-
-// biome-ignore lint/correctness/noUnusedVariables: Used in the Astro template below.
-const getShortDate = (date: string) => {
- const [, month, day] = date.split("-");
- return `${month}.${day}`;
-};
-
-const currentYear = new Date().getFullYear();
-// biome-ignore lint/correctness/noUnusedVariables: Used in the Astro template below.
-const daysUntilYearEnd = Math.ceil(
- (new Date(currentYear + 1, 0, 1).getTime() - Date.now()) /
- (1000 * 60 * 60 * 24),
-);
----
-
-
-
-
-
-
- 저는 {years.length}년간 {events.length}개의 개성있는
- 조각들을 모아왔어요.
-
-
-
- {
- eventsByYear.map(({ year, events: yearEvents }) => (
-
-
-
- {year}
-
-
- {yearEvents.length}{" "}
- {yearEvents.length === 1
- ? "EVENT"
- : "EVENTS"}
-
-
-
- {yearEvents.map((event) => (
- -
-
-
-
-
- {event.category}
-
- {event.link && (
-
- )}
-
- {event.link ? (
-
- {event.description}
-
- ) : (
-
- {event.description}
-
- )}
-
- ))}
-
- {year === currentYear.toString() && (
-
-
-
- ✨ | D-{daysUntilYearEnd}동안
- 만들어나갈 멋진 것들을 기대해주세요.
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/Header.astro b/src/components/Header.astro
deleted file mode 100644
index 246ceae..0000000
--- a/src/components/Header.astro
+++ /dev/null
@@ -1,117 +0,0 @@
----
-const navigationItems = [
- { label: "Home", href: "#home" },
- { label: "About", href: "#about" },
- { label: "Projects", href: "#projects" },
- { label: "Experience", href: "#experience" },
- { label: "Contact", href: "#contact" },
-] as const;
-
-const desktopLinkClass =
- "text-foreground no-underline transition-opacity duration-150 hover:opacity-55 focus-visible:opacity-55";
-const mobileLinkClass =
- "block rounded-xl px-3 py-2 text-sm font-semibold text-foreground no-underline transition-colors hover:bg-foreground/5";
----
-
-
-
-
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
deleted file mode 100644
index b95d11b..0000000
--- a/src/components/Hero.astro
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
-
- 항상 꿈꾸던 것들을
-
-
- 현실{"로 만들어나가는 "}
-
- 암냥입니다.
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
diff --git a/src/components/Projects.astro b/src/components/Projects.astro
new file mode 100644
index 0000000..2ff7c9a
--- /dev/null
+++ b/src/components/Projects.astro
@@ -0,0 +1,97 @@
+---
+const projects = [
+ {
+ name: 'EPC : Finale Broadcast Manager & Developer',
+ url: 'https://www.youtube.com/playlist?list=PLZeYZotn5_IPFvDUWdEUu9xOBwOkdZ0F0',
+ desc: 'ADOFAI is web-scale',
+ detail: '달성이 주관하고 ADOFAI.gg가 공동 주최하는 Effect Playing Contest : Finale의 방송 화면 및 ARG를 담당하였습니다.',
+ tags: ['React', 'ElysiaJS'],
+ },
+ {
+ name: 'EPC 2025 Broadcast Manager',
+ url: 'https://www.youtube.com/playlist?list=PLZeYZotn5_IOJDek6e35NKzUtJm09yxZD',
+ desc: 'ADOFAI is web-scale',
+ detail: '달성이 주관하고 ADOFAI.gg가 공동 주최하는 Effect Playing Contest 2025 방송 화면의 대부분의 기능을 개발하였습니다.',
+ tags: ['React', 'ElysiaJS'],
+ },
+ {
+ name: 'newsletter',
+ url: 'https://github.com/imnyang/newsletter',
+ desc: 'For Memos',
+ detail: '그저 이메일이 오면 Discord 웹훅으로 포워딩합니다.',
+ tags: ['Rust', 'IMAP']
+ },
+ {
+ name: 'memos-rss',
+ url: 'https://github.com/imnyang/memos-rss',
+ desc: 'For Memos',
+ detail: 'Discord 포럼 채널에 RSS 피드에 올라온 내용을 포워딩합니다.',
+ tags: ['Rust', 'Discord Bot', 'RSS']
+ },
+ {
+ name: 'today.isangjeong',
+ url: 'https://instagram.com/today.isangjeong',
+ desc: 'Instagram Bot',
+ detail: '매일 학교의 급식 메뉴를 자동으로 업로드하는 인스타그램 봇입니다.',
+ tags: ['TypeScript', 'Instagram', '@napi-rs/canvas']
+ }
+];
+---
+
+
+
+ {projects.map((project, idx) => (
+
= 3 ? 'hidden' : ''}`}>
+
+
+ {project.tags.map((tag) => (
+ {tag}
+ ))}
+
+
+ ))}
+
+
+
diff --git a/src/components/Timeline.astro b/src/components/Timeline.astro
new file mode 100644
index 0000000..ed22b97
--- /dev/null
+++ b/src/components/Timeline.astro
@@ -0,0 +1,135 @@
+---
+import { events } from "@/lib/events";
+
+const years = [
+ ...new Set(events.map((e) => new Date(e.date).getFullYear())),
+].sort((a, b) => b - a);
+
+const eventsByYear: Record
= {};
+for (const year of years) {
+ eventsByYear[year] = events.filter(
+ (e) => new Date(e.date).getFullYear() === year,
+ );
+}
+
+const currentYear = new Date().getFullYear();
+const daysUntilYearEnd = Math.ceil(
+ (new Date(currentYear + 1, 0, 1).getTime() - new Date().getTime()) /
+ (1000 * 60 * 60 * 24),
+);
+---
+
+
+
+
+
+
+ {
+ years.map((year, i) => (
+
+ ))
+ }
+
+
+
+
+ {
+ years.map((year, i) => (
+
+ {eventsByYear[year].map((event) => (
+
+
+
+ {new Date(event.date).toLocaleDateString("en-US", {
+ month: "short",
+ day: "2-digit",
+ })}
+
+
+ ㆍ{event.category}
+
+
+ {event.link ? (
+
+ {event.description}{" "}
+
+
+ ) : (
+
{event.description}
+ )}
+
+ ))}
+ {year === currentYear && (
+
+
+
+ ✨ | D-{daysUntilYearEnd}동안 만들어나갈 멋진 것들을
+ 기대해주세요.
+
+
+
+ )}
+
+ ))
+ }
+
+
+
+
+
+
+
항상 꿈에만 있던 것들을 현실로 만들어보는 암냥입니다.
+
언제나 새로운 것을 배우고, 도전하고 있습니다.
+
+ 현재는 정보보안 분야쪽에 관심이 많으며 원래는 소프트웨어 개발에 관심
+ 많았습니다.
+
+
+
+
+
+
+
+
+
+
© 2026 imnyang. All rights reserved.
+
+
+
-
- 
`,
- git: ``,
- instagram: `
`,
- x: `
- 
+ @imnya.ng
+ 
- 
- 
- 
- 
- 
-