feat: link roadmap projects to sample code

- Add '💻 샘플 코드' / '💻 Sample' buttons to each project card
- Link to GitHub roadmap-projects folder for each project
- Update both KO and EN roadmap pages
- Add green button style for sample links

Author: M1zz

site/en/roadmap.html

@@ -30,7 +30,9 @@
 .pcard-icon{font-size:36px}
 .pcard-info h3{font-size:18px;font-weight:800;margin-bottom:2px}
 .pcard-stars{font-size:13px;color:var(--orange)}
-.pcard-meta{padding:0 24px;font-size:12px;color:var(--text-2);margin-bottom:12px}
+.pcard-meta{padding:0 24px;font-size:12px;color:var(--text-2);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}
+.pcard-sample{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:4px 10px;border-radius:12px;text-decoration:none;font-weight:600;background:var(--green);color:#fff;transition:all .15s}
+.pcard-sample:hover{background:#2da44e;transform:translateY(-1px)}
 .pcard-tags{padding:0 24px 20px;display:flex;gap:6px;flex-wrap:wrap}
 .ptag{display:inline-block;font-size:11px;padding:5px 11px;border-radius:20px;text-decoration:none;font-weight:600;background:transparent;color:var(--accent);border:1.5px solid var(--accent);transition:all .15s}
 .ptag:hover{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(0,113,227,.25);transform:translateY(-1px)}
@@ -88,7 +90,7 @@ <h1>🗺️ Framework Roadmap</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🛒</span><div class="pcard-info"><h3>E-commerce App</h3><span class="pcard-stars">⭐⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ Est. Learning: 12-16h</div>
+      <div class="pcard-meta"><span>⏱️ Est. Learning: 12-16h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/EcommerceApp" class="pcard-sample">💻 Sample</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.en.html" class="ptag">SwiftUI</a>
         <a href="swiftdata/01-tutorial.en.html" class="ptag">SwiftData</a>
@@ -100,7 +102,7 @@ <h1>🗺️ Framework Roadmap</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🚴</span><div class="pcard-info"><h3>Fitness Tracker</h3><span class="pcard-stars">⭐⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ Est. Learning: 12-16h</div>
+      <div class="pcard-meta"><span>⏱️ Est. Learning: 12-16h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/FitTracker" class="pcard-sample">💻 Sample</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.en.html" class="ptag">SwiftUI</a>
         <a href="healthkit/01-tutorial.en.html" class="ptag">HealthKit</a>
@@ -113,7 +115,7 @@ <h1>🗺️ Framework Roadmap</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🤖</span><div class="pcard-info"><h3>AI Assistant</h3><span class="pcard-stars">⭐⭐⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ Est. Learning: 14-18h</div>
+      <div class="pcard-meta"><span>⏱️ Est. Learning: 14-18h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/AIAssistant" class="pcard-sample">💻 Sample</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.en.html" class="ptag">SwiftUI</a>
         <a href="foundationmodels/01-ai-chatbot.en.html" class="ptag">Foundation Models</a>
@@ -125,7 +127,7 @@ <h1>🗺️ Framework Roadmap</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">📸</span><div class="pcard-info"><h3>Photo Editor</h3><span class="pcard-stars">⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ Est. Learning: 8-12h</div>
+      <div class="pcard-meta"><span>⏱️ Est. Learning: 8-12h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/PhotoLab" class="pcard-sample">💻 Sample</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.en.html" class="ptag">SwiftUI</a>
         <a href="photosui/01-tutorial.en.html" class="ptag">PhotosUI</a>
@@ -137,7 +139,7 @@ <h1>🗺️ Framework Roadmap</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🎮</span><div class="pcard-info"><h3>Casual Game</h3><span class="pcard-stars">⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ Est. Learning: 6-9h</div>
+      <div class="pcard-meta"><span>⏱️ Est. Learning: 6-9h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/SpaceBlast" class="pcard-sample">💻 Sample</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.en.html" class="ptag">SwiftUI</a>
         <a href="spritekit/01-tutorial.en.html" class="ptag">SpriteKit</a>
@@ -148,7 +150,7 @@ <h1>🗺️ Framework Roadmap</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">💬</span><div class="pcard-info"><h3>Chat App</h3><span class="pcard-stars">⭐⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ Est. Learning: 12-16h</div>
+      <div class="pcard-meta"><span>⏱️ Est. Learning: 12-16h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/PeerChat" class="pcard-sample">💻 Sample</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.en.html" class="ptag">SwiftUI</a>
         <a href="multipeer/01-tutorial.en.html" class="ptag">MultipeerConnectivity</a>
@@ -160,7 +162,7 @@ <h1>🗺️ Framework Roadmap</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🏠</span><div class="pcard-info"><h3>Smart Home</h3><span class="pcard-stars">⭐⭐⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ Est. Learning: 14-18h</div>
+      <div class="pcard-meta"><span>⏱️ Est. Learning: 14-18h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/SmartHome" class="pcard-sample">💻 Sample</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.en.html" class="ptag">SwiftUI</a>
         <a href="bluetooth/01-ble-device-scanner.en.html" class="ptag">Core Bluetooth</a>
@@ -172,7 +174,7 @@ <h1>🗺️ Framework Roadmap</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🔐</span><div class="pcard-info"><h3>Secure Notes</h3><span class="pcard-stars">⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ Est. Learning: 8-12h</div>
+      <div class="pcard-meta"><span>⏱️ Est. Learning: 8-12h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/SecureNotes" class="pcard-sample">💻 Sample</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.en.html" class="ptag">SwiftUI</a>
         <a href="swiftdata/01-tutorial.en.html" class="ptag">SwiftData</a>
@@ -185,7 +187,7 @@ <h1>🗺️ Framework Roadmap</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🗺️</span><div class="pcard-info"><h3>Travel Guide</h3><span class="pcard-stars">⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ Est. Learning: 7-10h</div>
+      <div class="pcard-meta"><span>⏱️ Est. Learning: 7-10h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/TravelGuide" class="pcard-sample">💻 Sample</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.en.html" class="ptag">SwiftUI</a>
         <a href="mapkit/01-tutorial.en.html" class="ptag">MapKit</a>
@@ -198,7 +200,7 @@ <h1>🗺️ Framework Roadmap</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">📄</span><div class="pcard-info"><h3>Document Reader</h3><span class="pcard-stars">⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ Est. Learning: 8-12h</div>
+      <div class="pcard-meta"><span>⏱️ Est. Learning: 8-12h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/DocReader" class="pcard-sample">💻 Sample</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.en.html" class="ptag">SwiftUI</a>
         <a href="pdfkit/01-tutorial.en.html" class="ptag">PDFKit</a>

site/roadmap.html

@@ -35,7 +35,9 @@
 .pcard-icon{font-size:36px}
 .pcard-info h3{font-size:18px;font-weight:800;margin-bottom:2px}
 .pcard-stars{font-size:13px;color:var(--orange)}
-.pcard-meta{padding:0 24px;font-size:12px;color:var(--text-2);margin-bottom:12px}
+.pcard-meta{padding:0 24px;font-size:12px;color:var(--text-2);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}
+.pcard-sample{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:4px 10px;border-radius:12px;text-decoration:none;font-weight:600;background:var(--green);color:#fff;transition:all .15s}
+.pcard-sample:hover{background:#2da44e;transform:translateY(-1px)}
 .pcard-tags{padding:0 24px 20px;display:flex;gap:6px;flex-wrap:wrap}
 .ptag{display:inline-block;font-size:11px;padding:5px 11px;border-radius:20px;text-decoration:none;font-weight:600;background:transparent;color:var(--accent);border:1.5px solid var(--accent);transition:all .15s}
 .ptag:hover{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(0,113,227,.25);transform:translateY(-1px)}
@@ -94,7 +96,7 @@ <h1>🗺️ 프레임워크 로드맵</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🛒</span><div class="pcard-info"><h3>E-commerce App</h3><span class="pcard-stars">⭐⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ 예상 학습: 12-16h</div>
+      <div class="pcard-meta"><span>⏱️ 예상 학습: 12-16h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/EcommerceApp" class="pcard-sample">💻 샘플 코드</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.html" class="ptag">SwiftUI</a>
         <a href="swiftdata/01-tutorial.html" class="ptag">SwiftData</a>
@@ -106,7 +108,7 @@ <h1>🗺️ 프레임워크 로드맵</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🚴</span><div class="pcard-info"><h3>Fitness Tracker</h3><span class="pcard-stars">⭐⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ 예상 학습: 12-16h</div>
+      <div class="pcard-meta"><span>⏱️ 예상 학습: 12-16h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/FitTracker" class="pcard-sample">💻 샘플 코드</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.html" class="ptag">SwiftUI</a>
         <a href="healthkit/01-tutorial.html" class="ptag">HealthKit</a>
@@ -119,7 +121,7 @@ <h1>🗺️ 프레임워크 로드맵</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🤖</span><div class="pcard-info"><h3>AI Assistant</h3><span class="pcard-stars">⭐⭐⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ 예상 학습: 14-18h</div>
+      <div class="pcard-meta"><span>⏱️ 예상 학습: 14-18h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/AIAssistant" class="pcard-sample">💻 샘플 코드</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.html" class="ptag">SwiftUI</a>
         <a href="foundationmodels/01-ai-chatbot.html" class="ptag">Foundation Models</a>
@@ -131,7 +133,7 @@ <h1>🗺️ 프레임워크 로드맵</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">📸</span><div class="pcard-info"><h3>Photo Editor</h3><span class="pcard-stars">⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ 예상 학습: 8-12h</div>
+      <div class="pcard-meta"><span>⏱️ 예상 학습: 8-12h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/PhotoLab" class="pcard-sample">💻 샘플 코드</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.html" class="ptag">SwiftUI</a>
         <a href="photosui/01-tutorial.html" class="ptag">PhotosUI</a>
@@ -143,7 +145,7 @@ <h1>🗺️ 프레임워크 로드맵</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🎮</span><div class="pcard-info"><h3>Casual Game</h3><span class="pcard-stars">⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ 예상 학습: 6-9h</div>
+      <div class="pcard-meta"><span>⏱️ 예상 학습: 6-9h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/SpaceBlast" class="pcard-sample">💻 샘플 코드</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.html" class="ptag">SwiftUI</a>
         <a href="spritekit/01-tutorial.html" class="ptag">SpriteKit</a>
@@ -154,7 +156,7 @@ <h1>🗺️ 프레임워크 로드맵</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">💬</span><div class="pcard-info"><h3>Chat App</h3><span class="pcard-stars">⭐⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ 예상 학습: 12-16h</div>
+      <div class="pcard-meta"><span>⏱️ 예상 학습: 12-16h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/PeerChat" class="pcard-sample">💻 샘플 코드</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.html" class="ptag">SwiftUI</a>
         <a href="multipeer/01-tutorial.html" class="ptag">MultipeerConnectivity</a>
@@ -166,7 +168,7 @@ <h1>🗺️ 프레임워크 로드맵</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🏠</span><div class="pcard-info"><h3>Smart Home</h3><span class="pcard-stars">⭐⭐⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ 예상 학습: 14-18h</div>
+      <div class="pcard-meta"><span>⏱️ 예상 학습: 14-18h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/SmartHome" class="pcard-sample">💻 샘플 코드</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.html" class="ptag">SwiftUI</a>
         <a href="bluetooth/01-ble-device-scanner.html" class="ptag">Core Bluetooth</a>
@@ -178,7 +180,7 @@ <h1>🗺️ 프레임워크 로드맵</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🔐</span><div class="pcard-info"><h3>Secure Notes</h3><span class="pcard-stars">⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ 예상 학습: 8-12h</div>
+      <div class="pcard-meta"><span>⏱️ 예상 학습: 8-12h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/SecureNotes" class="pcard-sample">💻 샘플 코드</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.html" class="ptag">SwiftUI</a>
         <a href="swiftdata/01-tutorial.html" class="ptag">SwiftData</a>
@@ -191,7 +193,7 @@ <h1>🗺️ 프레임워크 로드맵</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">🗺️</span><div class="pcard-info"><h3>Travel Guide</h3><span class="pcard-stars">⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ 예상 학습: 7-10h</div>
+      <div class="pcard-meta"><span>⏱️ 예상 학습: 7-10h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/TravelGuide" class="pcard-sample">💻 샘플 코드</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.html" class="ptag">SwiftUI</a>
         <a href="mapkit/01-tutorial.html" class="ptag">MapKit</a>
@@ -204,7 +206,7 @@ <h1>🗺️ 프레임워크 로드맵</h1>
 
     <div class="pcard">
       <div class="pcard-header"><span class="pcard-icon">📄</span><div class="pcard-info"><h3>Document Reader</h3><span class="pcard-stars">⭐⭐</span></div></div>
-      <div class="pcard-meta">⏱️ 예상 학습: 8-12h</div>
+      <div class="pcard-meta"><span>⏱️ 예상 학습: 8-12h</span><a href="https://github.com/M1zz/HIGLab/tree/main/roadmap-projects/DocReader" class="pcard-sample">💻 샘플 코드</a></div>
       <div class="pcard-tags">
         <a href="swiftui/01-tutorial.html" class="ptag">SwiftUI</a>
         <a href="pdfkit/01-tutorial.html" class="ptag">PDFKit</a>