feat: add sitemap page with card grid layout

2026-03-22 21:58:24 +09:00
parent a1cb7b865e
commit 2fd8e55a33
2 changed files with 90 additions and 0 deletions
--- a/sitemap/index.html
+++ b/sitemap/index.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Sitemap — tolelom.xyz</title>
+  <meta name="description" content="tolelom.xyz 서비스 및 인프라 목록">
+  <meta property="og:title" content="Sitemap — tolelom.xyz">
+  <meta property="og:description" content="tolelom.xyz 서비스 및 인프라 목록">
+  <meta property="og:url" content="https://tolelom.xyz/sitemap/">
+  <meta property="og:type" content="website">
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>👨‍💻</text></svg>">
+  <link rel="stylesheet" href="../css/style.css">
+</head>
+<body>
+  <nav class="nav">
+    <div class="nav-inner">
+      <a href="/" class="nav-logo">김성민</a>
+      <a href="/" class="nav-link">← 포트폴리오</a>
+    </div>
+  </nav>
+
+  <main class="container">
+    <div class="sitemap-header">
+      <h1 class="sitemap-title">tolelom.xyz</h1>
+      <p class="sitemap-subtitle">서비스 & 인프라 목록</p>
+    </div>
+
+    <section>
+      <h2 class="sitemap-section-title">프로젝트</h2>
+      <div id="project-cards" class="card-grid"></div>
+    </section>
+
+    <section>
+      <h2 class="sitemap-section-title">인프라</h2>
+      <div id="infra-cards" class="infra-grid"></div>
+    </section>
+
+    <footer class="footer">
+      <p><a href="/">← 포트폴리오로 돌아가기</a></p>
+    </footer>
+  </main>
+
+  <script src="../data/sites.js"></script>
+  <script src="../js/sitemap.js"></script>
+</body>
+</html>