Align homepage content and local port defaults for current deployment

Constraint: Current deployment expects the homepage on port 2000 and project cards should reflect the latest showcased repos
Rejected: Leave placeholder project seeds and old port default | mismatched with current runtime and presentation
Confidence: high
Scope-risk: narrow
Directive: Keep project seed paths stable with synced static asset filenames and revisit only when automated asset naming lands
Tested: npm run build; docker compose config
Not-tested: Live container restart against production host

docker-compose.yml

@@ -27,5 +27,5 @@ services:
     image: personal-homepage:latest
     container_name: personal-homepage
     ports:
-      - "${HOMEPAGE_PORT:-8080}:80"
+      - "${HOMEPAGE_PORT:-2000}:80"
     restart: unless-stopped

src/content/projects/index.json

@@ -6,27 +6,47 @@
     "cover_image": "/images/projects/personal-homepage.svg",
     "demo_video": "",
     "download_link": "",
-    "tags": ["astro", "static-site", "content-driven"],
+    "tags": ["astro", "静态网站", "内容驱动型"],
     "featured": true
   },
   {
-    "name": "devlog-pipeline",
-    "description": "规划中的开发日志生成与写入链路，用于把日常开发过程沉淀为结构化 Markdown 内容。",
-    "gitea_repo": "basil/devlog-pipeline",
+    "name": "VampireLike",
+    "description": "Unity 开发的 3D 类吸血鬼恶魔城 demo，使用 Unity GameFramework 开源框架，并通过 job 与 burst 进行高性能计算",
+    "gitea_repo": "basil/VampireLike",
     "cover_image": "/images/projects/devlog-pipeline.svg",
     "demo_video": "",
     "download_link": "",
-    "tags": ["automation", "markdown", "workflow"],
+    "tags": ["unity", "burst", "高性能", "UGF"],
     "featured": true
   },
   {
-    "name": "gitea-activity-panel",
-    "description": "面向个人主页的 Gitea 活动概览模块，计划提供贡献热力图与近期活动列表。",
-    "gitea_repo": "basil/gitea-activity-panel",
+    "name": "几何塔防",
+    "description": "Unity 开发的 rouge 塔防项目，使用配件自由组转防御塔来取得最终的胜利",
+    "gitea_repo": "basil/Geometry-Tower-Defense",
     "cover_image": "/images/projects/gitea-activity-panel.svg",
     "demo_video": "",
     "download_link": "",
-    "tags": ["gitea", "visualization", "dashboard"],
+    "tags": ["unity", "rouge", "塔防", "UGF"],
     "featured": true
+  },
+  {
+    "name": "简单 CPU 软光栅渲染器",
+    "description": "使用 C++ 基于 SDL2 开发的软件光栅化渲染器",
+    "gitea_repo": "basil/CPU-Software-Renderer",
+    "cover_image": "/images/projects/gitea-activity-panel.svg",
+    "demo_video": "",
+    "download_link": "",
+    "tags": ["C++", "renderer", "SDL2"],
+    "featured": true
+  },
+  {
+    "name": "李诫传",
+    "description": "Unity 开发的视觉小说，用于参加计算机设计大赛数媒赛道",
+    "gitea_repo": "basil/Biography-of-Li-Jian",
+    "cover_image": "/images/projects/gitea-activity-panel.svg",
+    "demo_video": "",
+    "download_link": "",
+    "tags": ["unity", "visual novel", "UGF", "ai"],
+    "featured": false
   }
 ]

src/styles/global.css

@@ -431,6 +431,7 @@ main {
 .activity-meta,
 .footer-meta {
   display: flex;
+  align-items: center;
   flex-wrap: wrap;
   gap: 0.55rem 0.8rem;
   margin: 0 0 0.85rem;
@@ -450,6 +451,18 @@ main {
   line-height: 1.3;
 }
 
+.project-title {
+  display: flex;
+  align-items: center;
+  min-height: 1.3em;
+}
+
+.project-meta .mono {
+  display: inline-flex;
+  align-items: center;
+  min-height: 1.9rem;
+}
+
 .card p,
 .project-description,
 .activity-copy,