parent
5403448f63
commit
7676e7f7dc
6 changed files with 109 additions and 40 deletions
|
|
@ -9,20 +9,31 @@ import AboutRow from "@/components/AboutRow.astro";
|
|||
aria-labelledby="about-title"
|
||||
>
|
||||
<div class="grid min-h-full grid-cols-1 lg:grid-cols-2">
|
||||
<div
|
||||
class="relative z-10 flex flex-col justify-center px-6 py-16 sm:px-10 lg:px-[clamp(52px,5.208vw,100px)] lg:py-[clamp(58px,9.26vh,100px)]"
|
||||
>
|
||||
<h2 id="about-title" class="max-w-xl text-3xl font-semibold tracking-tight sm:text-4xl">
|
||||
About<span class="text-foreground/35" aria-hidden="true">.</span>
|
||||
<div class="relative z-10 flex flex-col justify-center px-6 py-16 sm:px-10 lg:px-[clamp(52px,5.208vw,100px)] lg:py-[clamp(58px,9.26vh,100px)]">
|
||||
<h2
|
||||
id="about-title"
|
||||
class="max-w-xl text-3xl font-semibold tracking-tight sm:text-4xl"
|
||||
>
|
||||
About
|
||||
<span class="text-foreground/35" aria-hidden="true">
|
||||
.
|
||||
</span>
|
||||
</h2>
|
||||
<p class="mt-6 max-w-lg text-base leading-8 text-foreground">
|
||||
안녕하세요. 정보보안과 소프트웨어 엔지니어링을 공부하는 암냥입니다.
|
||||
안녕하세요. 정보보안과 소프트웨어 엔지니어링을 공부하는
|
||||
암냥입니다.
|
||||
<br />
|
||||
새로운 기술을 배우고, 머릿속의 아이디어를 실제로 작동하는 것으로
|
||||
만드는 일을 좋아해요.
|
||||
</p>
|
||||
<section class="mt-16" aria-labelledby="experience-title">
|
||||
<div class="mb-5 flex items-baseline justify-between gap-4">
|
||||
<h3 id="experience-title" class="text-sm font-semibold tracking-wide">지금까지</h3>
|
||||
<h3
|
||||
id="experience-title"
|
||||
class="text-sm font-semibold tracking-wide"
|
||||
>
|
||||
지금까지
|
||||
</h3>
|
||||
</div>
|
||||
<div class="flex flex-col gap-[0.55em]">
|
||||
<AboutRow year="2026" connector="wave">
|
||||
|
|
@ -75,7 +86,8 @@ import AboutRow from "@/components/AboutRow.astro";
|
|||
<a
|
||||
href="#experience"
|
||||
class="flex flex-row items-center underline underline-offset-4 hover:text-foreground"
|
||||
><span>전체 타임라인 보기</span>
|
||||
>
|
||||
<span>전체 타임라인 보기</span>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
class="h-4 text-foreground/40"
|
||||
|
|
@ -88,8 +100,8 @@ import AboutRow from "@/components/AboutRow.astro";
|
|||
>
|
||||
<path d="M7 17 17 7"></path>
|
||||
<path d="M7 7h10v10"></path>
|
||||
</svg></a
|
||||
>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
---
|
||||
const navigationItems = [
|
||||
{ label: "Home", href: "#home" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Projects", href: "#projects" },
|
||||
{ label: "Experience", href: "#experience" },
|
||||
{ label: "Carrer", href: "#carrer" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Home", href: "/#home" },
|
||||
{ label: "About", href: "/#about" },
|
||||
{ label: "Projects", href: "/#projects" },
|
||||
{ label: "Experience", href: "/#experience" },
|
||||
{ label: "Carrer", href: "/Carrer" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
] as const;
|
||||
|
||||
const desktopLinkClass =
|
||||
|
|
@ -20,7 +20,7 @@ const mobileLinkClass =
|
|||
>
|
||||
<a
|
||||
class="shrink-0 text-2xl font-bold leading-[normal] text-foreground no-underline max-md:text-xl"
|
||||
href="#home"
|
||||
href="/#home"
|
||||
data-node-id="43:28"
|
||||
>
|
||||
@imnya.ng
|
||||
|
|
|
|||
|
|
@ -15,19 +15,17 @@
|
|||
class="m-0 flex h-[250px] w-full max-w-full flex-col justify-center break-words whitespace-nowrap text-[clamp(34px,3.333333vw,64px)] font-bold leading-[normal] tracking-[0] max-md:whitespace-normal max-md:text-[clamp(24px,8vw,48px)] max-md:leading-[1.12]"
|
||||
>
|
||||
<span class="block" data-node-id="43:14">
|
||||
<span class="font-bold">항상 꿈꾸던 것</span><span
|
||||
class="font-normal text-foreground/50">들을</span
|
||||
>
|
||||
<span class="font-bold">항상 꿈꾸던 것</span>
|
||||
<span class="font-normal text-foreground/50">들을</span>
|
||||
</span>
|
||||
<span class="block" data-node-id="43:16">
|
||||
<span class="font-bold">현실</span><span
|
||||
class="font-normal text-foreground/50"
|
||||
>{"로 만들어나가는 "}
|
||||
</span><br class="hidden max-md:block md:hidden" /><span
|
||||
class="font-bold"
|
||||
>
|
||||
암냥</span
|
||||
><span class="font-normal text-foreground/50">입니다.</span>
|
||||
<span class="font-bold">현실</span>
|
||||
<span class="font-normal text-foreground/50">
|
||||
{"로 만들어나가는 "}
|
||||
</span>
|
||||
<br class="hidden max-md:block md:hidden" />
|
||||
<span class="font-bold">남현석</span>
|
||||
<span class="font-normal text-foreground/50">입니다.</span>
|
||||
</span>
|
||||
</h1>
|
||||
</div>
|
||||
|
|
@ -51,7 +49,7 @@
|
|||
<img
|
||||
class="block h-full w-full object-cover object-center transition-[scale,border-radius,box-shadow] duration-500 ease-[var(--ease-out-expo)] hover:z-10 hover:scale-105 hover:rounded-lg hover:shadow-[0_15px_45px_#0006] motion-reduce:transition-none"
|
||||
src="/hero-light.avif"
|
||||
alt="벚꽃이 핀 수로에서 보트를 타고 있는 암냥"
|
||||
alt="벚꽃이 핀 수로에서 보트를 타고 있는 캐릭터"
|
||||
width="3840"
|
||||
height="2160"
|
||||
fetchpriority="high"
|
||||
|
|
@ -60,8 +58,7 @@
|
|||
<div
|
||||
aria-hidden="true"
|
||||
class="pointer-events-none absolute inset-x-0 bottom-0 z-20 h-[min(150px,35%)] bg-gradient-to-b from-transparent via-background/20 to-background backdrop-blur-[2px] [mask-image:linear-gradient(to_bottom,transparent,black_42%)]"
|
||||
>
|
||||
</div>
|
||||
></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue