chore(web): adjust homepage logo and name (#2030)

This commit is contained in:
limbo 2024-10-16 16:15:00 +08:00 committed by GitHub
parent 4665f0d62f
commit af5705d950
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with 77 additions and 52 deletions

View File

@ -141,8 +141,9 @@
"i18next",
"general"
],
"i18n-ally.sourceLanguage": "zh-CN",
"i18n-ally.displayLanguage": "en,zh",
"i18n-ally.sourceLanguage": "zh",
// "i18n-ally.displayLanguage": "en,zh",
"i18n-ally.displayLanguage": "zh",
"i18n-ally.namespace": false,
"i18n-ally.pathMatcher": "{locale}/translation.json",
"i18n-ally.keystyle": "nested",

View File

@ -1,17 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>云开发</title>
</head>
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>laf</title>
</head>
<body>
<div id="root"></div>
<script defer src="/js/aws-sdk-2.1275.0.min.js"></script>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
<body>
<div id="root"></div>
<script defer src="/js/aws-sdk-2.1275.0.min.js"></script>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -449,7 +449,7 @@
"description": "Laf provides cloud functions, cloud databases, object storage and other capabilities, writing code like a blog! Launch the ChatGPT app in 3 minutes!"
},
"NavBar": {
"title": "Laf is an open-source project, we need your Star",
"title": "sealaf is an open-source project, we need your Star",
"home": "Home",
"dashboard": "Dashboard",
"price": "Price",
@ -468,7 +468,7 @@
"HomePage": {
"slogan": "Write Code as effortlessly as Blogging",
"start": "Free Start →",
"content1": "Laf is a cloud development platform integrating functions, databases and storage",
"content1": "Sealaf is a cloud development platform integrating functions, databases and storage",
"content2": "Publish online anytime, anywhere"
},
"Ability": {
@ -497,16 +497,16 @@
"serviceSub": "Learn more"
},
"Join": {
"title": "Join the laf developer community",
"title": "Join the sealaf developer community",
"subtitle": "Grow up with us",
"content": "Here you can experience the latest version of Laf at the first time and keep communicating with developers and users in Discord or WeChat groups.",
"WeChat": "WeChat",
"forum": "Forum"
},
"Footer": {
"laf": "Laf provides ready-to-use features such as cloud functions, cloud databases, and object storage. empowers you to write code with the ease of blogging! Get your ChatGPT application up and running in a mere 3 minutes!",
"laf": "sealaf provides ready-to-use features such as cloud functions, cloud databases, and object storage. empowers you to write code with the ease of blogging! Get your ChatGPT application up and running in a mere 3 minutes!",
"product": "Product",
"item1_1": "Laf Cloud",
"item1_1": "sealaf Cloud",
"item1_2": "Sealos Cloud",
"item1_3": "ChangeLog",
"item1_4": "Vscode Plugin",
@ -758,5 +758,9 @@
"UpgradeVersionTip": {
"Title": "Laf is ready to update!",
"Description": "Click to update"
},
"app": {
"title": "sealaf",
"logo": "Sealaf"
}
}
}

View File

@ -449,7 +449,7 @@
"description": "Laf 是一个集函数、数据库、存储为一体的云开发平台,随时随地,发布上线"
},
"NavBar": {
"title": "如果你喜欢 Laf 的话,请在 Github 上给我们一个 Star 吧!",
"title": "如果你喜欢 Sealos 云开发的话,请在 Github 上给我们一个 Star 吧!",
"home": "主页",
"dashboard": "控制台",
"price": "价格",
@ -468,11 +468,11 @@
"HomePage": {
"slogan": "像写博客一样写代码",
"start": "立即开发",
"content1": "Laf 是一个集函数、数据库、存储为一体的云开发平台",
"content1": "Sealos 云开发是一个集函数、数据库、存储为一体的云开发平台",
"content2": "随时随地,发布上线"
},
"Ability": {
"title": "Laf 的能力",
"title": "Sealos 云开发的能力",
"learn": "了解详情",
"function": "云函数",
"functionSub": " 5秒发布你的第一个函数。",
@ -482,7 +482,7 @@
"storageSub": ",创建属于你的云存储,管理文件更简单。"
},
"Choice": {
"title": "为什么选择 Laf",
"title": "为什么选择 Sealos 云开发",
"open": "更开放",
"openSub": "Laf 遵循 Apache License 2.0 开源协议",
"fast": "请求更快",
@ -497,16 +497,16 @@
"serviceSub": "了解详情"
},
"Join": {
"title": "加入 Laf 开发者社区",
"title": "加入 Sealos 云开发开发者社区",
"subtitle": "和我们一起成长",
"content": "在这里你可以在第一时间体验 Laf 的最新版本,以及在 Discord 或微信群与开发者和用户保持沟通",
"WeChat": "微信",
"forum": "开发者社区"
},
"Footer": {
"laf": "Laf 是一个 Serverless 框架,提供开箱即用的云函数,云数据库,对象存储等能力,是一个干净清爽的开发平台,像写博客一样写代码!三分钟上线 ChatGPT 应用!",
"laf": "Sealos 云开发是一个 Serverless 框架,提供开箱即用的云函数,云数据库,对象存储等能力,是一个干净清爽的开发平台,像写博客一样写代码!三分钟上线 ChatGPT 应用!",
"product": "产品",
"item1_1": "Laf 公有云",
"item1_1": "Sealos 云开发",
"item1_2": "Sealos",
"item1_3": "更新日志",
"item1_4": "Vscode 插件",
@ -758,5 +758,9 @@
"UpgradeVersionTip": {
"Title": "Laf 新版本已经准备好了!",
"Description": "点击立即更新"
},
"app": {
"title": "云开发",
"logo": "Sealos 云开发"
}
}
}

View File

@ -320,7 +320,7 @@
},
"TriggerPanel": {
"AddTrigger": "新建触发器",
"CornTip": "例 * * * * * \n表示每 1 分钟执行任务",
"CornTip": "例: * * * * * \n表示每 1 分钟执行任务",
"DeleteConfirm": "确定删除该触发器吗",
"Express": "表达式",
"Function": "关联函数",
@ -449,7 +449,7 @@
"description": "Laf 是一个集函数、数据库、存储为一体的云开发平台,随时随地,发布上线"
},
"NavBar": {
"title": "如果你喜欢 Laf 的话,请在 Github 上给我们一个 Star 吧!",
"title": "如果你喜欢 Sealos 云开发的话,请在 Github 上给我们一个 Star 吧!",
"home": "主页",
"dashboard": "控制台",
"price": "价格",
@ -468,11 +468,11 @@
"HomePage": {
"slogan": "像写博客一样写代码",
"start": "立即开发",
"content1": "Laf 是一个集函数、数据库、存储为一体的云开发平台",
"content1": "Sealos 云开发是一个集函数、数据库、存储为一体的云开发平台",
"content2": "随时随地,发布上线"
},
"Ability": {
"title": "Laf 的能力",
"title": "Sealos 云开发的能力",
"learn": "了解详情",
"function": "云函数",
"functionSub": " 5秒发布你的第一个函数。",
@ -482,7 +482,7 @@
"storageSub": ",创建属于你的云存储,管理文件更简单。"
},
"Choice": {
"title": "为什么选择 Laf",
"title": "为什么选择 Sealos 云开发",
"open": "更开放",
"openSub": "Laf 遵循 Apache License 2.0 开源协议",
"fast": "请求更快",
@ -497,16 +497,16 @@
"serviceSub": "了解详情"
},
"Join": {
"title": "加入 Laf 开发者社区",
"title": "加入 Sealos 云开发开发者社区",
"subtitle": "和我们一起成长",
"content": "在这里你可以在第一时间体验 Laf 的最新版本,以及在 Discord 或微信群与开发者和用户保持沟通",
"WeChat": "微信",
"forum": "开发者社区"
},
"Footer": {
"laf": "Laf 是一个 Serverless 框架,提供开箱即用的云函数,云数据库,对象存储等能力,是一个干净清爽的开发平台,像写博客一样写代码!三分钟上线 ChatGPT 应用!",
"laf": "Sealos 云开发是一个 Serverless 框架,提供开箱即用的云函数,云数据库,对象存储等能力,是一个干净清爽的开发平台,像写博客一样写代码!三分钟上线 ChatGPT 应用!",
"product": "产品",
"item1_1": "Laf 公有云",
"item1_1": "Sealos 云开发",
"item1_2": "Sealos",
"item1_3": "更新日志",
"item1_4": "Vscode 插件",
@ -647,7 +647,6 @@
"FunctionDesc_Name": "函数描述 - 函数名",
"FunctionName_Desc": "函数名 - 函数描述"
},
"MyIncomeAndExpenses": "我的收支",
"Expenses": "支出",
"OrderNumber": "订单号",
"Bonus amount": "赠送金额",
@ -659,6 +658,7 @@
"Hour": "小时",
"Core": "核",
"No History": "暂无记录",
"MyIncomeAndExpenses": "我的收支",
"RecycleBin": "回收站",
"Restore": "还原",
"CheckAll": "全选",
@ -758,5 +758,9 @@
"UpgradeVersionTip": {
"Title": "Laf 新版本已经准备好了!",
"Description": "点击立即更新"
},
"app": {
"title": "云开发",
"logo": "Sealos 云开发"
}
}
}

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="48" height="48" x="0" y="0" enable-background="new 0 0 48 48" version="1.1" viewBox="0 0 48 48" xml:space="preserve"><image id="image0" width="48" height="48" x="0" y="0" href="data:image/png;base64,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"/></svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -42,9 +42,19 @@ loader.config({
paths: { vs: "/js/monaco-editor.0.43.0" },
});
const useDocumentTitle = (titleKey: string, defaultTitle: string) => {
const { t } = useTranslation();
useEffect(() => {
document.title = t(titleKey, defaultTitle);
}, [t, titleKey, defaultTitle]);
};
function APP() {
const { i18n } = useTranslation();
useDocumentTitle("app.title", "云开发");
const getSiteSettings = useSiteSettingStore((state) => state.getSiteSettings);
const { initProviders } = useAuthStore();

View File

@ -30,13 +30,15 @@ const Footer = (props: Props) => {
<div className="py-[60px]">
<div className="flex justify-between">
<div className="w-1/2">
<img
src={darkMode ? "logo_light.png" : "/homepage/logo_text.png"}
alt="logo"
width={64}
height={30}
className="mt-4"
/>
<div className="flex items-center space-x-2">
<img
src={darkMode ? "sealos-logo.svg" : "sealos-logo.svg"}
className="h-8 w-auto"
alt="logo"
/>
<span className="text-lg"> {t("app.logo")}</span>
</div>
<p
className={
darkMode
@ -174,7 +176,7 @@ const Footer = (props: Props) => {
darkMode ? "w-1/2 text-lg text-lafWhite-700" : "w-1/2 text-lg text-[#3C455D]"
}
>
laf. all rights reserved. © {new Date().getFullYear()}
sealos. all rights reserved. © {new Date().getFullYear()}
<div
dangerouslySetInnerHTML={{
__html: siteSettings.site_footer?.value || "",

View File

@ -106,12 +106,13 @@ const Navbar = () => {
>
<div className="flex w-full max-w-[1200px] justify-between">
<div className="flex items-center">
<div>
<div className="flex items-center space-x-2">
<img
src={darkMode ? "logo_light.png" : "logo_text.png"}
className="h-auto w-20"
alt={"logo"}
src={darkMode ? "sealos-logo.svg" : "sealos-logo.svg"}
className="h-8 w-auto"
alt="logo"
/>
<span className="text-lg"> {t("app.logo")}</span>
</div>
{navList.map((item, index) => {