⚡️ feat: add main page layout with navigation and footer

feat: create random labels page

feat: implement login page with OpenID Connect support

feat: add Gravatar component for user avatars

feat: create Navbar component with navigation menu

chore: create Sidebar component placeholder

feat: implement login form with OIDC and email/password options

feat: add reusable button component

feat: create card component for structured content display

feat: implement input component for forms

feat: create label component for form labels

feat: add navigation menu component for site navigation

chore: add configuration file for site metadata

feat: implement device context for responsive design

feat: add utility functions for class name management

feat: define OIDC configuration model

feat: define base response model for API responses

feat: define user model for user data

feat: implement i18n for internationalization support

feat: add English and Chinese translations for login

chore: create index for locale resources

chore: add blog home view placeholder

web/src/utils/i18n/index.ts

@@ -0,0 +1,27 @@
+import { initReactI18next } from "react-i18next";
+
+import i18n from "i18next";
+
+import resources from "./locales";
+
+export const getDefaultLang = () => {
+  if (typeof window !== "undefined") {
+    return (
+      localStorage.getItem("language") ||
+      navigator.language.replace("_", "-") || // 保证格式
+      "zh-CN"
+    );
+  }
+  return "zh-CN";
+};
+
+i18n.use(initReactI18next).init({
+  resources: resources,
+  lng: getDefaultLang(),
+  fallbackLng: "zh-CN",
+  interpolation: {
+    escapeValue: false,
+  },
+});
+
+export default i18n;

web/src/utils/i18n/locales/en-us.ts

@@ -0,0 +1,30 @@
+const resources = {
+  translation: {
+    name: "English",
+    hello: "Hello",
+    login: {
+      login: "Login",
+      failed: "Login failed",
+      forgotPassword: "Forgot password?",
+      username: "Username",
+      usernameOrEmail: "Username or Email",
+      password: "Password",
+      remember: "Remember this device",
+      captcha: {
+        no: "No captcha required",
+        failed: "Captcha verification failed, please try again",
+        fetchFailed: "Failed to fetch captcha, please try again later",
+        processing: "Waiting for verification...",
+        reCaptchaProcessing: "Processing reCAPTCHA verification, please wait...",
+        reCaptchaFailed: "reCAPTCHA verification failed, please try again",
+        reCaptchaSuccess: "reCAPTCHA verification successful",
+      },
+      oidc: {
+        fetchFailed: "Failed to fetch OIDC providers, please try again later",
+        use: "Login with {{provider}}",
+      },
+    },
+  },
+};
+
+export default resources;

web/src/utils/i18n/locales/index.ts

@@ -0,0 +1,9 @@
+import enUS from "./en-us";
+import zhCN from "./zh-cn";
+
+const resources = {
+  "zh-CN": zhCN,
+  "en-US": enUS,
+};
+
+export default resources;

web/src/utils/i18n/locales/zh-cn.ts

@@ -0,0 +1,30 @@
+const resources = {
+  translation: {
+    name: "中文",
+    hello: "你好",
+    login: {
+      login: "登录",
+      failed: "登录失败",
+      forgotPassword: "忘了密码？",
+      username: "用户名",
+      usernameOrEmail: "用户名或邮箱",
+      password: "密码",
+      remember: "记住这个设备",
+      captcha: {
+        no: "无需进行机器人挑战",
+        failed: "机器人挑战失败，请重试",
+        fetchFailed: "获取验证码失败，请稍后再试",
+        processing: "等待验证...",
+        reCaptchaProcessing: "正在处理 reCAPTCHA 验证，请稍候...",
+        reCaptchaFailed: "reCAPTCHA 验证失败，请重试",
+        reCaptchaSuccess: "reCAPTCHA 验证成功",
+      },
+      oidc: {
+        fetchFailed: "获取 OIDC 提供商失败，请稍后再试",
+        use: "使用 {{provider}} 登录",
+      },
+    },
+  },
+};
+
+export default resources;