Rename CloudNative Suite to Cloud-Neutral in dashboards (#648)

This commit is contained in:
shenlan 2025-11-09 10:06:34 +08:00 committed by GitHub
parent 94b7cbe632
commit 21d7f40fc5
32 changed files with 63 additions and 63 deletions

View File

@ -22,7 +22,7 @@ export default function Footer() {
<div className="mx-auto flex w-full max-w-6xl flex-col gap-10 px-8 py-14">
<div className="flex flex-col gap-8 md:flex-row md:items-start md:justify-between">
<div className="space-y-3">
<p className="text-xs font-semibold uppercase tracking-[0.32em] text-brand-light/90">CloudNative Suite</p>
<p className="text-xs font-semibold uppercase tracking-[0.32em] text-brand-light/90">Cloud-Neutral</p>
<p className="max-w-lg text-sm text-white/70">
Unified observability, DevOps, and AI workflows for enterprise cloud native teams.
</p>
@ -52,7 +52,7 @@ export default function Footer() {
</div>
<div className="space-y-2">
<p className="text-sm font-semibold text-white"></p>
<span className="text-white/80">CloudNative Suite </span>
<span className="text-white/80">Cloud-Neutral </span>
</div>
<div className="space-y-2">
<p className="text-sm font-semibold text-white">Contact</p>
@ -63,7 +63,7 @@ export default function Footer() {
</div>
</div>
<div className="flex flex-col gap-3 border-t border-white/10 pt-6 text-sm text-white/60 sm:flex-row sm:items-center sm:justify-between">
<span>© 2025 CloudNative Suite. All rights reserved.</span>
<span>© 2025 Cloud-Neutral. All rights reserved.</span>
<span>Build with confidence in the cloud native era.</span>
</div>
</div>

View File

@ -307,7 +307,7 @@ export default function Navbar() {
className="h-6 w-6"
unoptimized
/>
CloudNative Suite
Cloud-Neutral
</Link>
<div className="hidden items-center gap-6 text-sm font-medium text-[var(--color-heading)] transition-colors lg:flex">
{mainLinks.map((link) => (

View File

@ -120,7 +120,7 @@ export function AuthLayout({
<div class="w-full max-w-md">
<div class="mb-8 text-center">
<a href="/" class="text-3xl font-semibold tracking-tight text-slate-900">
CloudNative Suite
Cloud-Neutral
</a>
<p class="mt-1 text-sm text-slate-500"> · Cloud-Neutral</p>
</div>

View File

@ -1,6 +1,6 @@
---
title: "Recommended Resources"
---
- Subscribe to the CloudNative Suite Monthly to stay informed about new releases and case studies.
- Subscribe to the Cloud-Neutral Monthly to stay informed about new releases and case studies.
- Download the Platform Engineering Playbook for organizational rollout guidance.
- Visit the [GitHub organization](https://github.com/svc-design) for open-source code and the public roadmap.

View File

@ -1,6 +1,6 @@
---
title: "推荐资源"
---
- 订阅《CloudNative Suite 月报》,掌握最新版本与案例。
- 订阅《Cloud-Neutral 月报》,掌握最新版本与案例。
- 下载《平台工程团队手册》,了解组织落地路线。
- 访问 [GitHub 组织](https://github.com/svc-design) 获取开源代码与 Roadmap。

View File

@ -35,7 +35,7 @@ RootLayout
迁移包含:
#### Navbar (固定顶部导航)
- ✅ CloudNative Suite 品牌logo
- ✅ Cloud-Neutral 品牌logo
- ✅ 主导航链接 (文档、下载、演示)
- ✅ 语言切换 (中文/English)
- ✅ 登录/注册按钮
@ -53,7 +53,7 @@ RootLayout
- ✅ Server-side markdown 渲染
#### Footer (底部信息)
- ✅ CloudNative Suite 品牌信息
- ✅ Cloud-Neutral 品牌信息
- ✅ 描述 (双语支持)
- ✅ 链接 (隐私政策、服务条款、联系我们)
- ✅ GitHub 链接
@ -213,7 +213,7 @@ curl http://localhost:8001/?lang=en
<!DOCTYPE html>
<html lang="en">
<head>
<title>云原生套件 - CloudNative Suite</title>
<title>云原生套件 - Cloud-Neutral</title>
<link rel="stylesheet" href="/styles/globals.css" />
</head>
<body>
@ -282,7 +282,7 @@ curl http://localhost:8001/?lang=en
<div class="mx-auto max-w-7xl px-4">
<div class="flex h-16 items-center justify-between">
<div class="flex items-center">
<a href="/" class="text-xl font-bold">CloudNative Suite</a>
<a href="/" class="text-xl font-bold">Cloud-Neutral</a>
<div class="hidden md:block ml-10">
<a href="/docs">文档</a>
<a href="/download">下载</a>
@ -308,7 +308,7 @@ curl http://localhost:8001/?lang=en
<div class="mx-auto max-w-6xl px-8 py-14">
<div class="flex justify-between">
<div>
<p>CloudNative Suite</p>
<p>Cloud-Neutral</p>
<p>
{language === 'zh'
? '企业级云原生团队的统一可观测性、DevOps 和 AI 工作流平台。'
@ -322,7 +322,7 @@ curl http://localhost:8001/?lang=en
</div>
</div>
<div class="border-t pt-6">
<span>© 2025 CloudNative Suite. All rights reserved.</span>
<span>© 2025 Cloud-Neutral. All rights reserved.</span>
<span>
{language === 'zh'
? '在云原生时代充满信心地构建。'

View File

@ -154,7 +154,7 @@ curl http://localhost:8000/api/ping
### 预期效果
**首页将显示:**
1. CloudNative Suite 品牌和标题
1. Cloud-Neutral 品牌和标题
2. 3个核心功能卡片
- Fast Deployment
- Secure by Default

View File

@ -18,12 +18,12 @@ class="fixed top-0 z-50 w-full border-b border-brand-border/60 bg-white/85 backd
- `fixed top-0` - Fixed positioning at top
### 2. Branding Contrast and Alignment ✅
**Problem:** Logo and "CloudNative Suite" nearly invisible, poor contrast
**Problem:** Logo and "Cloud-Neutral" nearly invisible, poor contrast
**Solution:**
```tsx
<a href="/" class="flex items-center gap-2 text-xl font-semibold text-gray-900">
<img src="/icons/cloudnative_32.png" alt="logo" width={24} height={24} class="h-6 w-6" />
CloudNative Suite
Cloud-Neutral
</a>
```
- `text-gray-900` - High contrast dark gray (not CSS variable)

View File

@ -142,7 +142,7 @@ curl http://localhost:8000/navbar-demo
### Visual Testing
1. Navigate to `http://localhost:8000/`
2. Check navbar appearance:
- Logo and "CloudNative Suite" visible with high contrast ✅
- Logo and "Cloud-Neutral" visible with high contrast ✅
- Menu items properly spaced ✅
- Hover effects working ✅
- Search bar styled correctly ✅

View File

@ -19,7 +19,7 @@
### 1. Navbar 样式和布局问题 ✅
#### 修复前的问题
- ❌ Logo 和 "CloudNative Suite" 几乎看不见(对比度低)
- ❌ Logo 和 "Cloud-Neutral" 几乎看不见(对比度低)
- ❌ 菜单项间距不正确,悬停效果丢失
- ❌ 搜索栏和登录/注册按钮未对齐
- ❌ 语言选择器和实验性图标未渲染
@ -222,7 +222,7 @@ http://localhost:8000/navbar-demo # Navbar 演示页
- [x] Navbar 固定在页面顶部
- [x] 半透明白色背景可见
- [x] 背景模糊效果正常
- [x] Logo 和 "CloudNative Suite" 清晰可见
- [x] Logo 和 "Cloud-Neutral" 清晰可见
- [x] 菜单项间距正确
- [x] 悬停时菜单项变为品牌色
- [x] 搜索框样式正确(圆角、边框)

View File

@ -89,7 +89,7 @@ $ make dev
### 首页
- **URL:** http://localhost:8000/
- **内容:** CloudNative Suite 品牌页面
- **内容:** Cloud-Neutral 品牌页面
- **功能:**
- Hero banner
- 3个功能卡片Fast Deployment, Secure, Monitoring

View File

@ -549,7 +549,7 @@ export type Translation = {
export const translations: Record<'en' | 'zh', Translation> = {
en: {
hero: {
title: 'CloudNative Suite',
title: 'Cloud-Neutral',
description: 'Unified tools for building and managing your cloud native stack.',
start: 'Get Started',
learn: 'Learn More',
@ -608,7 +608,7 @@ export const translations: Record<'en' | 'zh', Translation> = {
},
login: {
title: 'Account Login',
description: 'Sign in to personalize your CloudNative Suite experience.',
description: 'Sign in to personalize your Cloud-Neutral experience.',
usernameLabel: 'Username',
passwordLabel: 'Password',
submit: 'Sign in',
@ -703,7 +703,7 @@ export const translations: Record<'en' | 'zh', Translation> = {
auth: {
register: {
badge: 'Create account',
title: 'Join CloudNative Suite',
title: 'Join Cloud-Neutral',
subtitle: 'Well email a verification code so you can confirm your address before accessing the workspace.',
@ -832,7 +832,7 @@ export const translations: Record<'en' | 'zh', Translation> = {
wechat: 'Continue with WeChat',
},
registerPrompt: {
text: 'New to CloudNative Suite?',
text: 'New to Cloud-Neutral?',
link: 'Create an account',
},
alerts: {
@ -1275,7 +1275,7 @@ export const translations: Record<'en' | 'zh', Translation> = {
},
login: {
title: '账户登录',
description: '登录以获得个性化的 CloudNative Suite 体验。',
description: '登录以获得个性化的 Cloud-Neutral 体验。',
usernameLabel: '用户名',
passwordLabel: '密码',
submit: '立即登录',
@ -1369,7 +1369,7 @@ export const translations: Record<'en' | 'zh', Translation> = {
auth: {
register: {
badge: '立即注册',
title: '加入 CloudNative Suite',
title: '加入 Cloud-Neutral',
subtitle: '我们会先向你的邮箱发送验证码,确认地址后即可进入工作台。',
highlights: [

View File

@ -184,11 +184,11 @@ function AskAIDialog({ language, onClose }: AskAIDialogProps) {
</p>
<div class="space-y-2">
{(language === 'zh' ? [
'如何开始使用 CloudNative Suite',
'如何开始使用 Cloud-Neutral',
'XCloudFlow 支持哪些云平台?',
'如何配置多集群管理?',
] : [
'How to get started with CloudNative Suite?',
'How to get started with Cloud-Neutral?',
'Which cloud platforms does XCloudFlow support?',
'How to configure multi-cluster management?',
]).map((suggested) => (

View File

@ -186,7 +186,7 @@ export default function Navbar({ language, user, pathname = '/' }: NavbarProps)
height={24}
class="h-6 w-6"
/>
CloudNative Suite
Cloud-Neutral
</a>
<div class="hidden lg:flex items-center gap-6 text-sm font-medium text-brand-heading">
{mainLinks.map((link) => (

View File

@ -13,7 +13,7 @@ export default function App({ Component }: PageProps) {
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CloudNative Suite</title>
<title>Cloud-Neutral</title>
<meta
name="description"
content="Unified tools for your cloud native stack"

View File

@ -109,7 +109,7 @@ export default function DownloadListing({ data }: PageProps<DownloadListingData>
return (
<>
<Head>
<title>Download Not Found - CloudNative Suite</title>
<title>Download Not Found - Cloud-Neutral</title>
</Head>
<main class="px-4 py-10 md:px-8">
<DownloadNotFound />
@ -121,7 +121,7 @@ export default function DownloadListing({ data }: PageProps<DownloadListingData>
return (
<>
<Head>
<title>{title} - Download - CloudNative Suite</title>
<title>{title} - Download - Cloud-Neutral</title>
<meta name="description" content={`Download ${title} packages and resources`} />
</Head>

View File

@ -60,8 +60,8 @@ export default function DownloadHome({ data }: PageProps<DownloadHomeData>) {
return (
<>
<Head>
<title>Download Center - CloudNative Suite</title>
<meta name="description" content="Download packages, tools and resources for CloudNative Suite" />
<title>Download Center - Cloud-Neutral</title>
<meta name="description" content="Download packages, tools and resources for Cloud-Neutral" />
</Head>
<main class="px-4 py-10 md:px-8">

View File

@ -55,7 +55,7 @@ export default function EmailVerificationPage({ data }: PageProps<EmailVerificat
return (
<>
<Head>
<title>{title} - CloudNative Suite</title>
<title>{title} - Cloud-Neutral</title>
<meta name="robots" content="noindex, nofollow" />
</Head>

View File

@ -240,7 +240,7 @@ export default function HomePage({ data }: PageProps<HomePageData>) {
return (
<>
<Head>
<title> - CloudNative Suite</title>
<title> - Cloud-Neutral</title>
<meta
name="description"
content="构建一体化的云原生工具集融合基础设施即代码IaC、GitOps 理念与可观测体系"
@ -281,7 +281,7 @@ export default function HomePage({ data }: PageProps<HomePageData>) {
<span class="absolute inline-flex h-2 w-2 animate-ping rounded-full bg-sky-400 opacity-75" />
<span class="relative inline-flex h-2 w-2 rounded-full bg-sky-500" />
</span>
CloudNative Suite
Cloud-Neutral
</span>
{operationsUpdated && (
<span class="text-xs text-slate-600">
@ -535,7 +535,7 @@ export default function HomePage({ data }: PageProps<HomePageData>) {
<div class="flex flex-col gap-8 md:flex-row md:items-start md:justify-between">
<div class="space-y-3">
<p class="text-xs font-semibold uppercase tracking-[0.32em] text-brand-light/90">
CloudNative Suite
Cloud-Neutral
</p>
<p class="max-w-lg text-sm text-white/70">
{language === 'zh'
@ -571,7 +571,7 @@ export default function HomePage({ data }: PageProps<HomePageData>) {
<p class="text-sm font-semibold text-white">
{language === 'zh' ? '公众号' : 'WeChat'}
</p>
<span class="text-white/80">CloudNative Suite </span>
<span class="text-white/80">Cloud-Neutral </span>
</div>
<div class="space-y-2">
<p class="text-sm font-semibold text-white">
@ -584,7 +584,7 @@ export default function HomePage({ data }: PageProps<HomePageData>) {
</div>
</div>
<div class="flex flex-col gap-3 border-t border-white/10 pt-6 text-sm text-white/60 sm:flex-row sm:items-center sm:justify-between">
<span>© 2025 CloudNative Suite. All rights reserved.</span>
<span>© 2025 Cloud-Neutral. All rights reserved.</span>
<span>
{language === 'zh'
? '在云原生时代充满信心地构建。'

View File

@ -55,7 +55,7 @@ export default function LoginPage({ data }: PageProps<LoginPageData>) {
const t = {
zh: {
title: '登录到您的账户',
pageTitle: '登录 - CloudNative Suite',
pageTitle: '登录 - Cloud-Neutral',
badge: '欢迎回来',
description: '输入您的邮箱和密码继续',
registerPrompt: '还没有账户?',
@ -74,7 +74,7 @@ export default function LoginPage({ data }: PageProps<LoginPageData>) {
},
en: {
title: 'Sign in to your account',
pageTitle: 'Login - CloudNative Suite',
pageTitle: 'Login - Cloud-Neutral',
badge: 'Welcome Back',
description: 'Enter your email and password to continue',
registerPrompt: "Don't have an account?",

View File

@ -53,7 +53,7 @@ export default function LogoutPage({ data }: PageProps<LogoutPageData>) {
return (
<>
<Head>
<title>{title} - CloudNative Suite</title>
<title>{title} - Cloud-Neutral</title>
<meta name="robots" content="noindex, nofollow" />
</Head>

View File

@ -24,7 +24,7 @@ export default function NavbarDemoPage(props: PageProps) {
return (
<>
<Head>
<title>Navbar Demo - CloudNative Suite</title>
<title>Navbar Demo - Cloud-Neutral</title>
<meta name="description" content="Demonstration of the fixed Fresh Navbar component" />
<link rel="stylesheet" href="/styles/globals.css" />
</Head>
@ -180,7 +180,7 @@ export default function NavbarDemoPage(props: PageProps) {
{/* Footer */}
<footer class="border-t border-brand-border bg-white py-8">
<div class="mx-auto max-w-7xl px-6 text-center text-sm text-brand-heading/70">
<p>© 2025 CloudNative Suite. {language === 'zh' ? '保留所有权利。' : 'All rights reserved.'}</p>
<p>© 2025 Cloud-Neutral. {language === 'zh' ? '保留所有权利。' : 'All rights reserved.'}</p>
</div>
</footer>
</>

View File

@ -55,7 +55,7 @@ export default function AccountPage({ data }: PageProps<AccountPageData>) {
return (
<>
<Head>
<title>Account Settings - CloudNative Suite</title>
<title>Account Settings - Cloud-Neutral</title>
<meta name="description" content="Manage your account settings" />
<link rel="stylesheet" href="/styles/globals.css" />
</Head>

View File

@ -51,7 +51,7 @@ export default function PanelPage({ data }: PageProps<PanelPageData>) {
return (
<>
<Head>
<title>Dashboard - CloudNative Suite</title>
<title>Dashboard - Cloud-Neutral</title>
<meta name="description" content="User Control Panel" />
<link rel="stylesheet" href="/styles/globals.css" />
</Head>

View File

@ -51,7 +51,7 @@ export default function MailPage({ data }: PageProps<MailPageData>) {
return (
<>
<Head>
<title>Mail Service - CloudNative Suite</title>
<title>Mail Service - Cloud-Neutral</title>
<meta name="description" content="Multi-tenant mail service management" />
<link rel="stylesheet" href="/styles/globals.css" />
</Head>

View File

@ -41,7 +41,7 @@ export default function RegisterPage({ data }: PageProps<RegisterPageData>) {
const t = {
zh: {
title: '创建您的账户',
pageTitle: '注册 - CloudNative Suite',
pageTitle: '注册 - Cloud-Neutral',
badge: '开始使用',
description: '填写信息以创建您的账户',
loginPrompt: '已有账户?',
@ -68,7 +68,7 @@ export default function RegisterPage({ data }: PageProps<RegisterPageData>) {
},
en: {
title: 'Create your account',
pageTitle: 'Register - CloudNative Suite',
pageTitle: 'Register - Cloud-Neutral',
badge: 'Get Started',
description: 'Fill in your details to create an account',
loginPrompt: 'Already have an account?',

View File

@ -7,7 +7,7 @@ import { applyExtensionLayouts, getActiveTheme } from '@cms'
import { AppProviders } from './AppProviders'
export const metadata = {
title: 'CloudNative Suite',
title: 'Cloud-Neutral',
description: 'Unified tools for your cloud native stack',
}

View File

@ -22,7 +22,7 @@ export default function Footer() {
<div className="mx-auto flex w-full max-w-6xl flex-col gap-10 px-8 py-14">
<div className="flex flex-col gap-8 md:flex-row md:items-start md:justify-between">
<div className="space-y-3">
<p className="text-xs font-semibold uppercase tracking-[0.32em] text-brand-light/90">CloudNative Suite</p>
<p className="text-xs font-semibold uppercase tracking-[0.32em] text-brand-light/90">Cloud-Neutral</p>
<p className="max-w-lg text-sm text-white/70">
Unified observability, DevOps, and AI workflows for enterprise cloud native teams.
</p>
@ -52,7 +52,7 @@ export default function Footer() {
</div>
<div className="space-y-2">
<p className="text-sm font-semibold text-white"></p>
<span className="text-white/80">CloudNative Suite </span>
<span className="text-white/80">Cloud-Neutral </span>
</div>
<div className="space-y-2">
<p className="text-sm font-semibold text-white">Contact</p>
@ -63,7 +63,7 @@ export default function Footer() {
</div>
</div>
<div className="flex flex-col gap-3 border-t border-white/10 pt-6 text-sm text-white/60 sm:flex-row sm:items-center sm:justify-between">
<span>© 2025 CloudNative Suite. All rights reserved.</span>
<span>© 2025 Cloud-Neutral. All rights reserved.</span>
<span>Build with confidence in the cloud native era.</span>
</div>
</div>

View File

@ -301,7 +301,7 @@ export default function Navbar() {
className="h-6 w-6"
unoptimized
/>
CloudNative Suite
Cloud-Neutral
</Link>
<div className="hidden lg:flex items-center gap-6 text-sm font-medium text-brand-heading">
{mainLinks.map((link) => (

View File

@ -1,6 +1,6 @@
---
title: "Recommended Resources"
---
- Subscribe to the CloudNative Suite Monthly to stay informed about new releases and case studies.
- Subscribe to the Cloud-Neutral Monthly to stay informed about new releases and case studies.
- Download the Platform Engineering Playbook for organizational rollout guidance.
- Visit the [GitHub organization](https://github.com/svc-design) for open-source code and the public roadmap.

View File

@ -1,6 +1,6 @@
---
title: "推荐资源"
---
- 订阅《CloudNative Suite 月报》,掌握最新版本与案例。
- 订阅《Cloud-Neutral 月报》,掌握最新版本与案例。
- 下载《平台工程团队手册》,了解组织落地路线。
- 访问 [GitHub 组织](https://github.com/svc-design) 获取开源代码与 Roadmap。

View File

@ -549,7 +549,7 @@ export type Translation = {
export const translations: Record<'en' | 'zh', Translation> = {
en: {
hero: {
title: 'CloudNative Suite',
title: 'Cloud-Neutral',
description: 'Unified tools for building and managing your cloud native stack.',
start: 'Get Started',
learn: 'Learn More',
@ -608,7 +608,7 @@ export const translations: Record<'en' | 'zh', Translation> = {
},
login: {
title: 'Account Login',
description: 'Sign in to personalize your CloudNative Suite experience.',
description: 'Sign in to personalize your Cloud-Neutral experience.',
usernameLabel: 'Username',
passwordLabel: 'Password',
submit: 'Sign in',
@ -703,7 +703,7 @@ export const translations: Record<'en' | 'zh', Translation> = {
auth: {
register: {
badge: 'Create account',
title: 'Join CloudNative Suite',
title: 'Join Cloud-Neutral',
subtitle: 'Well email a verification code so you can confirm your address before accessing the workspace.',
@ -832,7 +832,7 @@ export const translations: Record<'en' | 'zh', Translation> = {
wechat: 'Continue with WeChat',
},
registerPrompt: {
text: 'New to CloudNative Suite?',
text: 'New to Cloud-Neutral?',
link: 'Create an account',
},
alerts: {
@ -1278,7 +1278,7 @@ export const translations: Record<'en' | 'zh', Translation> = {
},
login: {
title: '账户登录',
description: '登录以获得个性化的 CloudNative Suite 体验。',
description: '登录以获得个性化的 Cloud-Neutral 体验。',
usernameLabel: '用户名',
passwordLabel: '密码',
submit: '立即登录',
@ -1372,7 +1372,7 @@ export const translations: Record<'en' | 'zh', Translation> = {
auth: {
register: {
badge: '立即注册',
title: '加入 CloudNative Suite',
title: '加入 Cloud-Neutral',
subtitle: '我们会先向你的邮箱发送验证码,确认地址后即可进入工作台。',
highlights: [