feat: add profile photo, enhance content and design

- Add cropped profile photo in hero section
- Expand About section with development philosophy and infrastructure details
- Enhance Experience descriptions with specific activities
- Improve project descriptions with roles and technical details
- Redesign section titles to uppercase label style with accent color
- Increase hero and section spacing for better visual rhythm

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

index.html

@@ -28,8 +28,10 @@
 
   <main class="container">
     <section class="hero">
+      <img src="images/profile.jpg" alt="김성민" class="hero-photo">
       <h1 class="hero-name">김성민</h1>
       <p class="hero-role">풀스택 & 게임 개발자</p>
+      <p class="hero-tagline">게임 서버부터 프로그래밍 언어까지, 만들고 싶은 건 직접 만듭니다.</p>
       <div class="hero-tags">
         <span class="tag">C++</span>
         <span class="tag">Go</span>
@@ -44,8 +46,11 @@
 
     <section id="about" class="section">
       <h2 class="section-title">About</h2>
-      <p>새로운 기술을 배우는 것을 좋아하며, 특히 언어 개발과 게임 제작에 관심이 많습니다. 효율적인 코드 작성법, 읽기 쉬운 코드에 대해 고민하는 것을 좋아합니다.</p>
-      <p style="margin-top: 12px;">홍익대학교 알고리즘 학회 HI-ARC 학회장을 역임했으며, ICPC 신촌 초급 강사와 멘토로 활동했습니다. 현재는 게임 서버 개발과 웹 풀스택 개발을 중심으로 다양한 프로젝트를 진행하고 있습니다.</p>
+      <div class="about-content">
+        <p>프로그래밍 언어의 설계와 구현에 깊은 관심을 가지고 있으며, 순수 C++로 한글 프로그래밍 언어를 만든 경험이 있습니다. 게임 개발에서는 Unity와 C#으로 클라이언트를, Go로 멀티플레이어 서버를 구축합니다.</p>
+        <p>효율적이고 읽기 쉬운 코드를 지향하며, 알고리즘 문제 해결 능력을 기반으로 성능을 고려한 설계를 합니다. 홍익대학교 알고리즘 학회 HI-ARC 학회장을 역임하고, ICPC 신촌에서 초급 강사와 멘토로 활동하며 지식 공유에도 힘써왔습니다.</p>
+        <p>현재는 Mac Mini 서버에 Docker와 Caddy 기반의 셀프호스팅 인프라를 운영하며, 개인 프로젝트들을 직접 배포하고 관리하고 있습니다.</p>
+      </div>
     </section>
 
     <section id="skills" class="section">
@@ -103,35 +108,35 @@
             <span class="experience-title">HI-ARC 학회장</span>
             <span class="experience-period">2019</span>
           </div>
-          <p class="experience-desc">홍익대학교 알고리즘 학회 HI-ARC 학회장</p>
+          <p class="experience-desc">홍익대학교 알고리즘 학회 HI-ARC 학회장. 학회 운영 체계를 정비하고 정기 스터디·세미나를 기획하여 학회 활성화를 이끔.</p>
         </div>
         <div class="experience-item">
           <div class="experience-header">
             <span class="experience-title">HI-ARC 운영진</span>
             <span class="experience-period">2022.01 ~ 2024.02</span>
           </div>
-          <p class="experience-desc">학회 운영 및 스터디 관리</p>
+          <p class="experience-desc">학회 운영 및 스터디 관리. 신입 부원 교육 커리큘럼을 설계하고, 알고리즘 스터디 멘토링을 진행.</p>
         </div>
         <div class="experience-item">
           <div class="experience-header">
             <span class="experience-title">ICPC 신촌 초급 강사 / 멘토</span>
             <span class="experience-period">2020, 2022</span>
           </div>
-          <p class="experience-desc">ICPC 신촌 Winter 초급 강사(2020) 및 멘토(2022) 활동</p>
+          <p class="experience-desc">ICPC 신촌 연합 캠프에서 알고리즘 초급 강의(2020 Winter)와 멘토링(2022) 담당. 기초 자료구조부터 그래프 탐색까지 강의.</p>
         </div>
         <div class="experience-item">
           <div class="experience-header">
             <span class="experience-title">제 1회 하이콘 출제 및 총괄</span>
             <span class="experience-period">2019</span>
           </div>
-          <p class="experience-desc">프로그래밍 대회 문제 출제 및 대회 운영 총괄</p>
+          <p class="experience-desc">HI-ARC 주관 프로그래밍 대회의 첫 회를 기획. 문제 출제, 검수, 대회 운영 전반을 총괄.</p>
         </div>
         <div class="experience-item">
           <div class="experience-header">
             <span class="experience-title">SUAPC 2024 Winter</span>
             <span class="experience-period">2024</span>
           </div>
-          <p class="experience-desc">12등 (팀명: 하이아크 최고죠)</p>
+          <p class="experience-desc">신촌 연합 프로그래밍 대회 12등 (팀: 하이아크 최고죠). 3인 팀으로 참가.</p>
         </div>
       </div>
     </section>