add chinese characters

Author: yangchen73

README.md

@@ -44,38 +44,3 @@ npm run build
 # Preview build
 npm run preview
 ```
-
-## 🚀 Deployment
-
-The website is automatically deployed via GitHub Actions:
-
-1. Push code to `main` branch
-2. GitHub Actions automatically builds
-3. Deploy to GitHub Pages
-
-## 📝 Content Updates
-
-To update website content, edit `src/pages/index.astro` file, then:
-
-```bash
-git add .
-git commit -m "Update website content"
-git push origin main
-```
-
-## 🎨 Features
-
-- ✨ Responsive design
-- 🌙 Dark/light theme toggle
-- 📱 Mobile optimized
-- ⚡ Fast loading
-- 🔍 SEO friendly
-
-## 📄 License
-
-MIT License
-
----
-
-**Contact**: [GitHub](https://github.com/yangchen73)
-# Trigger deployment

public/images/宸.svg

@@ -18,6 +18,9 @@ const { title = 'Chen Yang — Academic Homepage', description = 'Research, publ
     <link rel="preconnect" href="https://scholar.google.com" />
     <link rel="dns-prefetch" href="https://scholar.google.com" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;600;700&display=swap" rel="stylesheet" />
+    <!-- LXGW WenKai webfont for Chinese Kaishu style -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.7.0/style.css" />
     <meta name="color-scheme" content="light" />
     <link rel="preload" href="/cv.pdf" as="document" crossorigin>
     <!-- Global CSS is now included via Tailwind -->
@@ -93,9 +96,9 @@ const { title = 'Chen Yang — Academic Homepage', description = 'Research, publ
             // Update tab button states
             tabButtons.forEach(btn => {
               btn.classList.remove('text-blue-600', 'border-blue-600', 'active');
-              btn.classList.add('text-gray-600');
+              btn.classList.add('text-gray-600', 'border-transparent');
             });
-            this.classList.remove('text-gray-600');
+            this.classList.remove('text-gray-600', 'border-transparent');
             this.classList.add('text-blue-600', 'border-blue-600', 'active');
 
             // Show corresponding content

public/images/杨.svg

@@ -9,7 +9,15 @@ import Layout from "../layouts/Layout.astro";
       <div class="text-center md:flex md:items-center md:gap-8 md:text-left">
         <img src="/profile.jpg" alt="Chen Yang" class="w-48 h-48 md:w-56 md:h-56 rounded-full object-cover mx-auto md:mx-0 mb-6 md:mb-0 shadow-lg ring-4 ring-gray-300 ring-offset-2 ring-offset-white" loading="lazy" decoding="async" />
         <div class="flex-1">
-          <h1 class="text-5xl font-bold text-gray-900 mb-4">Chen Yang</h1>
+          <h1 class="text-5xl font-bold text-gray-900 mb-4">
+            <span class="flex flex-col items-center md:items-start leading-tight">
+              <span class="inline-flex items-center mb-2">
+                <img src="/images/杨.svg" alt="杨" class="h-16 inline-block" loading="lazy" decoding="async" />
+                <img src="/images/宸.svg" alt="宸" class="h-16 inline-block ml-1" loading="lazy" decoding="async" />
+              </span>
+              <span>Chen Yang</span>
+            </span>
+          </h1>
           <p class="text-xl text-gray-600 mb-6">CUHK-Shenzhen · Electronic & Computer Engineering · Undergraduate</p>
           <p class="text-lg text-gray-700 max-w-3xl md:mx-0 mx-auto leading-relaxed">
             I am an undergraduate student at The Chinese University of Hong Kong, Shenzhen, majoring in Electronic & Computer Engineering.
@@ -136,8 +144,8 @@ import Layout from "../layouts/Layout.astro";
       <!-- Section Tabs -->
       <div class="flex gap-6 mb-8 border-b border-gray-200" id="background-tabs">
         <button class="tab-btn px-4 py-2 text-blue-600 border-b-2 border-blue-600 font-medium active" data-tab="education">Education</button>
-        <button class="tab-btn px-4 py-2 text-gray-600 hover:text-blue-600 transition-colors" data-tab="experience">Experience</button>
-        <button class="tab-btn px-4 py-2 text-gray-600 hover:text-blue-600 transition-colors" data-tab="service">Service</button>
+        <button class="tab-btn px-4 py-2 text-gray-600 hover:text-blue-600 transition-colors border-b-2 border-transparent" data-tab="experience">Experience</button>
+        <button class="tab-btn px-4 py-2 text-gray-600 hover:text-blue-600 transition-colors border-b-2 border-transparent" data-tab="service">Service</button>
       </div>
 
       <!-- Experience Items -->

src/layouts/Layout.astro

@@ -108,4 +108,25 @@ section.bg-gray-50 {
 /* Smooth transitions for all elements */
 a, button, .project-card, header, nav {
   transition: all 0.3s ease;
+}
+
+/* Local subset webfont for just '楊宸' (place file at /public/fonts/yangchen-kai.woff2) */
+@font-face {
+  font-family: 'YangChenKaiSubset';
+  src: url('/fonts/yangchen-kai.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+  /* U+694A (楊), U+5BB8 (宸) */
+  unicode-range: U+694A, U+5BB8;
+}
+
+/* Prefer MingLiU/PMingLiU for Traditional Chinese title */
+.font-mingliu {
+  font-family: "Noto Serif TC", "PMingLiU", "MingLiU", "新細明體", "Noto Serif CJK TC", serif;
+}
+
+/* Kai style fonts (platform-dependent) */
+.font-kai {
+  font-family: 'YangChenKaiSubset', "LXGW WenKai", "KaiTi", "Kaiti SC", "STKaiti", "DFKai-SB", "BiauKai", "楷体", "楷體", serif;
 }