refactor(layout, i18n): remove sidebar component and related logic

.github/workflows/ci.yml

@@ -0,0 +1,40 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+    types: [opened, synchronize, reopened, ready_for_review]
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true  # Cancel previous runs for same PR/branch
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Set up pnpm
+        uses: pnpm/[email protected]
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: latest
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Run checks
+        run: pnpm check
+
+      - name: Run test build
+        run: pnpm build

.vitepress/config.ts

@@ -12,32 +12,59 @@ export default defineConfig({
 	cleanUrls: true,
 	lastUpdated: true,
 	title: 'HESPERI',
-	description: "Hēsperus' (hesprs) portfolio, including information about Hēsperus' personalities, hobbies, and project introductions and demos.",
 	rewrites: { 'en/:rest*': ':rest*' },
 	locales: {
-		root: { label: 'English', lang: 'en' },
-		ja: { label: '日本語', lang: 'ja' },
+		root: {
+			description:
+				"Hēsperus' (hesprs) portfolio, including information about Hēsperus' personalities, hobbies, and project introductions and demos.",
+			label: 'English',
+			lang: 'en',
+			themeConfig: {
+				nav: [
+					{ text: 'Home', link: '/' },
+					{ text: 'Pointeract', link: '/pointeract' },
+					{ text: 'Canvas Viewer', link: '/json-canvas-viewer' },
+				],
+			},
+			head: [
+				[
+					'meta',
+					{
+						name: 'keywords',
+						content: 'hesprs,hesperus,pointeract,projects,portfolio,json canvas viewer',
+					},
+				],
+			],
+		},
+		'zh-Hans': {
+			description: 'Hēsperus（hesprs）的作品集，包含有关 Hēsperus 的个性、爱好以及项目介绍和演示。',
+			label: '简体中文',
+			lang: 'zh-Hans',
+			themeConfig: {
+				nav: [
+					{ text: '首页', link: '/zh-Hans/' },
+					{ text: 'Pointeract', link: '/zh-Hans/pointeract' },
+					{ text: 'Canvas Viewer', link: '/zh-Hans/json-canvas-viewer' },
+				],
+			},
+			head: [
+				[
+					'meta',
+					{
+						name: 'keywords',
+						content: 'hesprs,hesperus,pointeract,projects,portfolio,json canvas viewer',
+					},
+				],
+			],
+		},
 	},
 	head: [
 		['link', { rel: 'icon', href: '/favicon.ico' }],
 		['meta', { name: 'color-scheme', content: 'dark light' }],
-		[
-			'meta',
-			{
-				name: 'keywords',
-				content: 'hesprs,hesperus,pointeract,projects,portfolio,json canvas viewer',
-			},
-		],
 	],
 	sitemap: { hostname: 'https://hesprs.github.io' },
 	themeConfig: {
-		nav: [
-			{ text: 'Home', link: '/' },
-			{ text: 'Pointeract', link: '/pointeract' },
-			{ text: 'Canvas Viewer', link: '/json-canvas-viewer' },
-		],
 		logo: { src: '/logo-flat.svg', alt: 'Website logo' },
-
 		search: { provider: 'local' },
 		socialLinks: [
 			{ icon: 'npm', link: 'https://www.npmjs.com/~hesprs' },

biome.json

@@ -1,7 +1,7 @@
 {
 	"$schema": "https://biomejs.dev/schemas/2.3.11/schema.json",
 	"vcs": { "enabled": true, "clientKind": "git", "useIgnoreFile": true },
-	"files": { "includes": ["**", "!!**/dist", "!!docs/.vitepress/theme", "!package.json"] },
+	"files": { "includes": ["**", "!!**/dist", "!!docs/.vitepress/theme", "!package.json", "!!**/public"] },
 	"formatter": {
 		"enabled": true,
 		"formatWithErrors": false,
@@ -17,11 +17,12 @@
 		"rules": {
 			"recommended": true,
 			"complexity": {
-				"noImportantStyles": "off"
+				"noImportantStyles": "off",
+				"noBannedTypes": "off"
 			},
-            "correctness": {
-                "noUnknownPseudoClass": "off"
-            }
+			"correctness": {
+				"noUnknownPseudoClass": "off"
+			}
 		},
 		"domains": {
 			"vue": "recommended"

package.json

@@ -8,7 +8,8 @@
 		"dev": "vitepress dev",
 		"build": "vitepress build",
 		"preview": "vitepress preview",
-		"lint": "biome check --write"
+		"lint": "biome check --write",
+        "check": "tsc && biome check"
 	},
 	"keywords": [],
 	"author": "",

pages/components/landingCards.vue → pages/en/components/landingCards.vue

@@ -5,7 +5,7 @@
 				>Hello 👋<br />I am Hēsperus,
 			</span>
 			<span class="text">
-				High school student • Open-source developer
+				High school student • OSS developer
 				<br />
 				Futuristic visionary • Classics enthusiast
 			</span>
@@ -74,7 +74,7 @@
 		</article>
 	</div>
 	<div class="about-content" style="grid-template-columns: 3fr 2fr">
-		<article class="s-card card-enhance architecture img-mask">
+		<article class="s-card card-enhance art img-mask">
 			<span class="tip">Favorite Art Styles</span>
 			<br />
 			<span class="title large">Neo-Classicism</span>
@@ -344,7 +344,7 @@ const perspectives = [
                 > .icon { margin-right: 6px }
             }
         }
-        &.architecture::before {
+        &.art::before {
             background-image: url('https://img1.tucang.cc/api/image/show/e9287e92d561e0a07289663a3076bcbc');
         }
 		&.like {

pages/components/landingCarousel.vue → pages/en/components/landingCarousel.vue

@@ -1,14 +1,14 @@
 <script lang="ts" setup>
 import 'vue3-carousel/carousel.css';
-import { VPLink } from 'vitepress/theme';
 import { Carousel, type CarouselConfig, Navigation, Slide } from 'vue3-carousel';
+import { VPLink } from '@';
 
 const carouselConfig: Partial<CarouselConfig> = {
 	itemsToShow: 0.5,
 	wrapAround: true,
-    gap: 30,
-    mouseDrag: false,
-    autoplay: 6000,
+	gap: 30,
+	mouseDrag: false,
+	autoplay: 6000,
 };
 
 const projects = [
@@ -36,7 +36,7 @@ const projects = [
 	<Carousel class="lower carousel" v-bind="carouselConfig">
 		<Slide v-for="(project, index) in projects" :key="index">
 			<VPLink :href="project.link" class="carousel__item">
-                <img class="logo" :src="project.logo" :alt="`${project.title} Logo`" />
+				<img class="logo" :src="project.logo" :alt="`${project.title} Logo`" />
 				<h2 class="title">{{ project.title }}</h2>
 				<p class="description">{{ project.description }}</p>
 				<p class="description-short">{{ project.descriptionShort }}</p>

pages/en/index.md

@@ -11,6 +11,6 @@ hero:
 ---
 
 <script setup>
-import Cards from "../components/landingCards.vue"
+import Cards from "./components/landingCards.vue"
 </script>
 <Cards />