Skip to content

Commit 693d5c8

Browse files
M1zzM1zz
committed
feat: add SEO, roadmap, difficulty metadata, learning checklist
- SEO: meta description, OG tags, Twitter cards for all 101 pages - SEO: sitemap.xml with hreflang alternates + robots.txt - SEO: hreflang link tags on all blog pages - New: roadmap.html (KO/EN) - framework combination guide with 10 projects - New: difficulty/time metadata bar on all 100 blog pages - New: localStorage learning progress checklist on index.html
1 parent a50221e commit 693d5c8

105 files changed

Lines changed: 2127 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

β€Žsite/accessorysetupkit/01-tutorial.en.htmlβ€Ž

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,12 @@
2525
<div class="top-bar"><div class="top-bar-inner"><a href="../index.html" class="top-logo">HIG <span>Lab</span></a><a href="01-tutorial.html" class="lang-toggle" style="font-size:12px;font-weight:600;color:#0071e3;text-decoration:none;padding:4px 10px;border:1.5px solid #0071e3;border-radius:12px;">🌐 KO</a></div></div>
2626
<article>
2727
<h1>πŸ”— AccessorySetupKit 2</h1>
28+
<!-- higlab-metadata -->
29+
<div style="display:flex;gap:16px;align-items:center;margin:12px 0 24px;padding:12px 16px;background:var(--tag-bg,#f5f5f7);border-radius:10px;font-size:13px;color:var(--text-2,#6e6e73);flex-wrap:wrap;">
30+
<span>⭐ Difficulty: ⭐⭐⭐</span>
31+
<span>⏱️ Est. Time: 2h</span>
32+
<span>πŸ“‚ iOS 26</span>
33+
</div>
2834
<p class="subtitle">Bluetooth & Wi-Fi Accessory Easy Pairing</p>
2935

3036
<div><span class="badge ios">iOS 18+</span><span class="badge new">πŸ†• 2024</span></div>

β€Žsite/accessorysetupkit/01-tutorial.htmlβ€Ž

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,12 @@
2525
<div class="top-bar"><div class="top-bar-inner"><a href="../index.html" class="top-logo">HIG <span>Lab</span></a><a href="01-tutorial.en.html" class="lang-toggle" style="font-size:12px;font-weight:600;color:#0071e3;text-decoration:none;padding:4px 10px;border:1.5px solid #0071e3;border-radius:12px;">🌐 EN</a></div></div>
2626
<article>
2727
<h1>πŸ”— AccessorySetupKit 2</h1>
28+
<!-- higlab-metadata -->
29+
<div style="display:flex;gap:16px;align-items:center;margin:12px 0 24px;padding:12px 16px;background:var(--tag-bg,#f5f5f7);border-radius:10px;font-size:13px;color:var(--text-2,#6e6e73);flex-wrap:wrap;">
30+
<span>⭐ λ‚œμ΄λ„: ⭐⭐⭐</span>
31+
<span>⏱️ μ˜ˆμƒ μ‹œκ°„: 2h</span>
32+
<span>πŸ“‚ iOS 26</span>
33+
</div>
2834
<p class="subtitle">Bluetooth & Wi-Fi μ•‘μ„Έμ„œλ¦¬ κ°„νŽΈ νŽ˜μ–΄λ§</p>
2935

3036
<div><span class="badge ios">iOS 18+</span><span class="badge new">πŸ†• 2024</span></div>

β€Žsite/activitykit/01-delivery-tracker.en.htmlβ€Ž

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,17 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="Complete guide to ActivityKit Live Activities framework. Learn with hands-on examples at HIG Lab.">
7+
<meta property="og:title" content="πŸƒ Build a Delivery Tracker Live Activity β€” HIG Lab">
8+
<meta property="og:description" content="Complete guide to ActivityKit Live Activities framework. Learn with hands-on examples at HIG Lab.">
9+
<meta property="og:type" content="article">
10+
<meta property="og:url" content="https://m1zz.github.io/HIGLab/activitykit/01-delivery-tracker.en.html">
11+
<meta property="og:site_name" content="HIG Lab">
12+
<meta name="twitter:card" content="summary">
13+
<meta name="twitter:title" content="πŸƒ Build a Delivery Tracker Live Activity β€” HIG Lab">
14+
<meta name="twitter:description" content="Complete guide to ActivityKit Live Activities framework. Learn with hands-on examples at HIG Lab.">
15+
<link rel="alternate" hreflang="ko" href="https://m1zz.github.io/HIGLab/activitykit/01-delivery-tracker.html">
16+
<link rel="alternate" hreflang="en" href="https://m1zz.github.io/HIGLab/activitykit/01-delivery-tracker.en.html">
617
<title>πŸƒ Build a Delivery Tracker Live Activity β€” HIG Lab</title>
718
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
819
<style>
@@ -72,6 +83,12 @@
7283
<a href="../index.html">HIG Lab</a> β†’ <a href="../index.html#phase1">Phase 1</a> β†’ ActivityKit
7384
</div>
7485
<h1 class="article-title">πŸƒ Delivery Tracking Live Activity<br>λ§Œλ“€κΈ°</h1>
86+
<!-- higlab-metadata -->
87+
<div style="display:flex;gap:16px;align-items:center;margin:12px 0 24px;padding:12px 16px;background:var(--tag-bg,#f5f5f7);border-radius:10px;font-size:13px;color:var(--text-2,#6e6e73);flex-wrap:wrap;">
88+
<span>⭐ Difficulty: ⭐⭐⭐</span>
89+
<span>⏱️ Est. Time: 2-3h</span>
90+
<span>πŸ“‚ App Frameworks</span>
91+
</div>
7592
<p class="article-subtitle">
7693
Build a Live Activity using ActivityKit to track delivery status on the Lock Screen and Dynamic Island in real-time.
7794
</p>

β€Žsite/activitykit/01-delivery-tracker.htmlβ€Ž

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,17 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="ActivityKit 라이브 μ•‘ν‹°λΉ„ν‹° ν”„λ ˆμž„μ›Œν¬ μ™„μ „ κ°€μ΄λ“œ. μ‹€μ „ μ˜ˆμ œμ™€ μ½”λ“œλ‘œ λ°°μš°λŠ” HIG Lab νŠœν† λ¦¬μ–Ό.">
7+
<meta property="og:title" content="πŸƒ 배달 좔적 Live Activity λ§Œλ“€κΈ° β€” HIG Lab">
8+
<meta property="og:description" content="ActivityKit 라이브 μ•‘ν‹°λΉ„ν‹° ν”„λ ˆμž„μ›Œν¬ μ™„μ „ κ°€μ΄λ“œ. μ‹€μ „ μ˜ˆμ œμ™€ μ½”λ“œλ‘œ λ°°μš°λŠ” HIG Lab νŠœν† λ¦¬μ–Ό.">
9+
<meta property="og:type" content="article">
10+
<meta property="og:url" content="https://m1zz.github.io/HIGLab/activitykit/01-delivery-tracker.html">
11+
<meta property="og:site_name" content="HIG Lab">
12+
<meta name="twitter:card" content="summary">
13+
<meta name="twitter:title" content="πŸƒ 배달 좔적 Live Activity λ§Œλ“€κΈ° β€” HIG Lab">
14+
<meta name="twitter:description" content="ActivityKit 라이브 μ•‘ν‹°λΉ„ν‹° ν”„λ ˆμž„μ›Œν¬ μ™„μ „ κ°€μ΄λ“œ. μ‹€μ „ μ˜ˆμ œμ™€ μ½”λ“œλ‘œ λ°°μš°λŠ” HIG Lab νŠœν† λ¦¬μ–Ό.">
15+
<link rel="alternate" hreflang="ko" href="https://m1zz.github.io/HIGLab/activitykit/01-delivery-tracker.html">
16+
<link rel="alternate" hreflang="en" href="https://m1zz.github.io/HIGLab/activitykit/01-delivery-tracker.en.html">
617
<title>πŸƒ 배달 좔적 Live Activity λ§Œλ“€κΈ° β€” HIG Lab</title>
718
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
819
<style>
@@ -72,6 +83,12 @@
7283
<a href="../index.html">HIG Lab</a> β†’ <a href="../index.html#phase1">Phase 1</a> β†’ ActivityKit
7384
</div>
7485
<h1 class="article-title">πŸƒ 배달 좔적 Live Activity<br>λ§Œλ“€κΈ°</h1>
86+
<!-- higlab-metadata -->
87+
<div style="display:flex;gap:16px;align-items:center;margin:12px 0 24px;padding:12px 16px;background:var(--tag-bg,#f5f5f7);border-radius:10px;font-size:13px;color:var(--text-2,#6e6e73);flex-wrap:wrap;">
88+
<span>⭐ λ‚œμ΄λ„: ⭐⭐⭐</span>
89+
<span>⏱️ μ˜ˆμƒ μ‹œκ°„: 2-3h</span>
90+
<span>πŸ“‚ App Frameworks</span>
91+
</div>
7592
<p class="article-subtitle">
7693
ActivityKit을 ν™œμš©ν•΄ 배달 ν˜„ν™©μ„ 잠금 ν™”λ©΄κ³Ό Dynamic Islandμ—μ„œ
7794
μ‹€μ‹œκ°„μœΌλ‘œ 확인할 수 μžˆλŠ” Live Activityλ₯Ό κ΅¬ν˜„ν•©λ‹ˆλ‹€.

β€Žsite/alarmkit/01-tutorial.en.htmlβ€Ž

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,12 @@
2525
<div class="top-bar"><div class="top-bar-inner"><a href="../index.html" class="top-logo">HIG <span>Lab</span></a><a href="01-tutorial.html" class="lang-toggle" style="font-size:12px;font-weight:600;color:#0071e3;text-decoration:none;padding:4px 10px;border:1.5px solid #0071e3;border-radius:12px;">🌐 KO</a></div></div>
2626
<article>
2727
<h1>⏰ AlarmKit</h1>
28+
<!-- higlab-metadata -->
29+
<div style="display:flex;gap:16px;align-items:center;margin:12px 0 24px;padding:12px 16px;background:var(--tag-bg,#f5f5f7);border-radius:10px;font-size:13px;color:var(--text-2,#6e6e73);flex-wrap:wrap;">
30+
<span>⭐ Difficulty: ⭐⭐</span>
31+
<span>⏱️ Est. Time: 1h</span>
32+
<span>πŸ“‚ iOS 26</span>
33+
</div>
2834
<p class="subtitle">Alarm management perfectly integrated with the system Clock app</p>
2935

3036
<div><span class="badge ios">iOS 18+</span><span class="badge new">πŸ†• 2024</span></div>

β€Žsite/alarmkit/01-tutorial.htmlβ€Ž

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,12 @@
2525
<div class="top-bar"><div class="top-bar-inner"><a href="../index.html" class="top-logo">HIG <span>Lab</span></a><a href="01-tutorial.en.html" class="lang-toggle" style="font-size:12px;font-weight:600;color:#0071e3;text-decoration:none;padding:4px 10px;border:1.5px solid #0071e3;border-radius:12px;">🌐 EN</a></div></div>
2626
<article>
2727
<h1>⏰ AlarmKit</h1>
28+
<!-- higlab-metadata -->
29+
<div style="display:flex;gap:16px;align-items:center;margin:12px 0 24px;padding:12px 16px;background:var(--tag-bg,#f5f5f7);border-radius:10px;font-size:13px;color:var(--text-2,#6e6e73);flex-wrap:wrap;">
30+
<span>⭐ λ‚œμ΄λ„: ⭐⭐</span>
31+
<span>⏱️ μ˜ˆμƒ μ‹œκ°„: 1h</span>
32+
<span>πŸ“‚ iOS 26</span>
33+
</div>
2834
<p class="subtitle">μ‹œμŠ€ν…œ μ•ŒλžŒ μ•±κ³Ό μ™„λ²½ν•˜κ²Œ ν†΅ν•©λ˜λŠ” μ•ŒλžŒ 관리</p>
2935

3036
<div><span class="badge ios">iOS 18+</span><span class="badge new">πŸ†• 2024</span></div>

β€Žsite/appintents/01-siri-todo-app.en.htmlβ€Ž

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,12 @@
2424
<div class="top-bar"><div class="top-bar-inner"><a href="../index.html" class="top-logo">HIG <span>Lab</span></a><a href="01-siri-todo-app.html" class="lang-toggle" style="font-size:12px;font-weight:600;color:#0071e3;text-decoration:none;padding:4px 10px;border:1.5px solid #0071e3;border-radius:12px;">🌐 KO</a></div></div>
2525
<article>
2626
<h1>πŸ—£οΈ Siri μŒμ„± μ œμ–΄ μ•± λ§Œλ“€κΈ°</h1>
27+
<!-- higlab-metadata -->
28+
<div style="display:flex;gap:16px;align-items:center;margin:12px 0 24px;padding:12px 16px;background:var(--tag-bg,#f5f5f7);border-radius:10px;font-size:13px;color:var(--text-2,#6e6e73);flex-wrap:wrap;">
29+
<span>⭐ Difficulty: ⭐⭐⭐</span>
30+
<span>⏱️ Est. Time: 2-3h</span>
31+
<span>πŸ“‚ App Frameworks</span>
32+
</div>
2733
<p class="subtitle">Build an app that works when you say "Add a todo" using App Intents.</p>
2834

2935
<h2>✨ App Intents?</h2>

β€Žsite/appintents/01-siri-todo-app.htmlβ€Ž

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,12 @@
2424
<div class="top-bar"><div class="top-bar-inner"><a href="../index.html" class="top-logo">HIG <span>Lab</span></a><a href="01-siri-todo-app.en.html" class="lang-toggle" style="font-size:12px;font-weight:600;color:#0071e3;text-decoration:none;padding:4px 10px;border:1.5px solid #0071e3;border-radius:12px;">🌐 EN</a></div></div>
2525
<article>
2626
<h1>πŸ—£οΈ Siri μŒμ„± μ œμ–΄ μ•± λ§Œλ“€κΈ°</h1>
27+
<!-- higlab-metadata -->
28+
<div style="display:flex;gap:16px;align-items:center;margin:12px 0 24px;padding:12px 16px;background:var(--tag-bg,#f5f5f7);border-radius:10px;font-size:13px;color:var(--text-2,#6e6e73);flex-wrap:wrap;">
29+
<span>⭐ λ‚œμ΄λ„: ⭐⭐⭐</span>
30+
<span>⏱️ μ˜ˆμƒ μ‹œκ°„: 2-3h</span>
31+
<span>πŸ“‚ App Frameworks</span>
32+
</div>
2733
<p class="subtitle">App Intents둜 "ν•  일 μΆ”κ°€ν•΄μ€˜"라고 λ§ν•˜λ©΄ λ™μž‘ν•˜λŠ” 앱을 λ§Œλ“­λ‹ˆλ‹€.</p>
2834

2935
<h2>✨ App Intentsλž€?</h2>

β€Žsite/arkit/01-ar-furniture-app.en.htmlβ€Ž

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,12 @@
2525
<div class="top-bar"><div class="top-bar-inner"><a href="../index.html" class="top-logo">HIG <span>Lab</span></a><a href="01-ar-furniture-app.html" class="lang-toggle" style="font-size:12px;font-weight:600;color:#0071e3;text-decoration:none;padding:4px 10px;border:1.5px solid #0071e3;border-radius:12px;">🌐 KO</a></div></div>
2626
<article>
2727
<h1>πŸ₯½ ARKit</h1>
28+
<!-- higlab-metadata -->
29+
<div style="display:flex;gap:16px;align-items:center;margin:12px 0 24px;padding:12px 16px;background:var(--tag-bg,#f5f5f7);border-radius:10px;font-size:13px;color:var(--text-2,#6e6e73);flex-wrap:wrap;">
30+
<span>⭐ Difficulty: ⭐⭐⭐⭐</span>
31+
<span>⏱️ Est. Time: 3-4h</span>
32+
<span>πŸ“‚ Graphics & Media</span>
33+
</div>
2834
<p class="subtitle">Merging reality and digital with augmented reality</p>
2935

3036
<div><span class="badge ios">iOS 11+</span><span class="badge new">visionOS Supported</span></div>

β€Žsite/arkit/01-ar-furniture-app.htmlβ€Ž

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,12 @@
2525
<div class="top-bar"><div class="top-bar-inner"><a href="../index.html" class="top-logo">HIG <span>Lab</span></a><a href="01-ar-furniture-app.en.html" class="lang-toggle" style="font-size:12px;font-weight:600;color:#0071e3;text-decoration:none;padding:4px 10px;border:1.5px solid #0071e3;border-radius:12px;">🌐 EN</a></div></div>
2626
<article>
2727
<h1>πŸ₯½ ARKit</h1>
28+
<!-- higlab-metadata -->
29+
<div style="display:flex;gap:16px;align-items:center;margin:12px 0 24px;padding:12px 16px;background:var(--tag-bg,#f5f5f7);border-radius:10px;font-size:13px;color:var(--text-2,#6e6e73);flex-wrap:wrap;">
30+
<span>⭐ λ‚œμ΄λ„: ⭐⭐⭐⭐</span>
31+
<span>⏱️ μ˜ˆμƒ μ‹œκ°„: 3-4h</span>
32+
<span>πŸ“‚ Graphics & Media</span>
33+
</div>
2834
<p class="subtitle">증강 ν˜„μ‹€λ‘œ ν˜„μ‹€κ³Ό 디지털을 μœ΅ν•©ν•˜κΈ°</p>
2935

3036
<div><span class="badge ios">iOS 11+</span><span class="badge new">visionOS 지원</span></div>

0 commit comments

Comments
Β (0)