This is an automated email from the ASF dual-hosted git repository.
jimin pushed a commit to branch docusaurus
in repository https://gitbox.apache.org/repos/asf/incubator-seata-website.git
The following commit(s) were added to refs/heads/docusaurus by this push:
new 5e5c31b35b optimize: split who is using Seata page (#760)
5e5c31b35b is described below
commit 5e5c31b35b6d26d3fc8db2a4b4b03d1942d9cdc0
Author: liuqiufeng <[email protected]>
AuthorDate: Thu Jan 11 11:25:04 2024 +0800
optimize: split who is using Seata page (#760)
---
docusaurus.config.js | 5 ++
i18n/en/code.json | 22 +++++++--
i18n/en/docusaurus-theme-classic/navbar.json | 4 ++
i18n/zh-cn/code.json | 22 +++++++--
i18n/zh-cn/docusaurus-theme-classic/navbar.json | 4 ++
src/pages/index.tsx | 2 -
src/pages/{home => }/users/index.scss | 14 ++++--
src/pages/{home => }/users/index.tsx | 62 ++++++++++++++++---------
8 files changed, 98 insertions(+), 37 deletions(-)
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 22462aec42..f3c246349e 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -196,6 +196,11 @@ const config = {
to: '/blog',
position: 'right',
},
+ {
+ label: 'Users',
+ to: '/users',
+ position: 'right',
+ },
{
label: 'Community',
to: '/community',
diff --git a/i18n/en/code.json b/i18n/en/code.json
index 750de4f73d..0d6e2c40b7 100644
--- a/i18n/en/code.json
+++ b/i18n/en/code.json
@@ -423,16 +423,28 @@
"homepage.msemapTitle": {
"message": "microservice ecosystem landscape"
},
- "homepage.userDesc1": {
+ "users.userDesc1": {
"message": "Please provide information on"
},
- "homepage.userDesc2": {
+ "users.userDesc2": {
"message": "to help improving Seata better."
},
- "homepage.userTitleBefore": {
+ "users.userTitleBefore": {
"message": "Who is using"
},
- "homepage.userTitleAfter": {
- "message": " Seata"
+ "users.userTitleAfter": {
+ "message": " Apache Seata™"
+ },
+ "users.wantToAppear": {
+ "message": "Want to appear on this page?"
+ },
+ "users.appearDesc1": {
+ "message": "Please provide information on"
+ },
+ "users.appearDesc2": {
+ "message": "or send a quick description of your organization and usage to
the"
+ },
+ "users.appearDesc3": {
+ "message": "and we'll add you."
}
}
diff --git a/i18n/en/docusaurus-theme-classic/navbar.json
b/i18n/en/docusaurus-theme-classic/navbar.json
index 069047a181..3a7675d70e 100644
--- a/i18n/en/docusaurus-theme-classic/navbar.json
+++ b/i18n/en/docusaurus-theme-classic/navbar.json
@@ -23,6 +23,10 @@
"message": "Blog",
"description": "Navbar item with label Blog"
},
+ "item.label.Users": {
+ "message": "Users",
+ "description": "Navbar item with label Users"
+ },
"item.label.Download": {
"message": "Download",
"description": "Navbar item with label Download"
diff --git a/i18n/zh-cn/code.json b/i18n/zh-cn/code.json
index 90fc1df4bd..268ef4cae6 100644
--- a/i18n/zh-cn/code.json
+++ b/i18n/zh-cn/code.json
@@ -426,16 +426,28 @@
"homepage.msemapTitle": {
"message": "微服务全景图"
},
- "homepage.userDesc1": {
+ "users.userDesc1": {
"message": "请在"
},
- "homepage.userDesc2": {
+ "users.userDesc2": {
"message": "上提供信息来帮助 Seata 做的更好。"
},
- "homepage.userTitleBefore": {
+ "users.userTitleBefore": {
"message": "谁在使用"
},
- "homepage.userTitleAfter": {
- "message": " Seata"
+ "users.userTitleAfter": {
+ "message": " Apache Seata™"
+ },
+ "users.wantToAppear": {
+ "message": "希望出现在此页？"
+ },
+ "users.appearDesc1": {
+ "message": "请在"
+ },
+ "users.appearDesc2": {
+ "message": "上提供信息或向"
+ },
+ "users.appearDesc3": {
+ "message": "发送有关贵组织和使用情况的简要说明，我们将添加您到此页。"
}
}
diff --git a/i18n/zh-cn/docusaurus-theme-classic/navbar.json
b/i18n/zh-cn/docusaurus-theme-classic/navbar.json
index 360800e5d2..4ee6fe81e8 100644
--- a/i18n/zh-cn/docusaurus-theme-classic/navbar.json
+++ b/i18n/zh-cn/docusaurus-theme-classic/navbar.json
@@ -23,6 +23,10 @@
"message": "博客",
"description": "Navbar item with label Blog"
},
+ "item.label.Users": {
+ "message": "用户",
+ "description": "Navbar item with label Users"
+ },
"item.label.Community": {
"message": "社区",
"description": "Navbar item with label Community"
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index fbc707c5f2..120dadd4e9 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -5,7 +5,6 @@ import Top from './home/top';
import Introduction from './home/introduction';
import MseMap from './home/msemap';
import Feature from './home/feature';
-import User from './home/users';
// import Community from './home/community';
import { Footer } from '../components';
import './index.scss';
@@ -48,7 +47,6 @@ export default function Home(): React.Element {
<Introduction />
<MseMap />
<Feature />
- <User />
{/* <Community /> */}
{/* <Footer/> */}
</div>
diff --git a/src/pages/home/users/index.scss b/src/pages/users/index.scss
similarity index 82%
rename from src/pages/home/users/index.scss
rename to src/pages/users/index.scss
index c8678eaa46..26078bae8c 100644
--- a/src/pages/home/users/index.scss
+++ b/src/pages/users/index.scss
@@ -1,4 +1,4 @@
-@import '../../../css/variables.scss';
+@import '../../css/variables.scss';
.users-section {
box-sizing: border-box;
@@ -29,11 +29,11 @@
font-size: 14px;
color: #666;
text-align: center;
- margin: 0 0 40px;
+ margin: 0 auto;
a {
color: #1e6bb8;
- text-decoration: none;
+ text-decoration: underline;
}
}
@@ -42,7 +42,7 @@
flex-wrap: wrap;
justify-content: center;
max-width: $contentWidth;
- margin: 0 auto;
+ margin: 40px auto 0;
.user-item {
display: flex;
@@ -62,4 +62,10 @@
}
}
}
+ .appear{
+ width: 100%;
+ background-color: #f5f6f7;
+ margin: 40px auto 0;
+ padding: 40px 0;
+ }
}
\ No newline at end of file
diff --git a/src/pages/home/users/index.tsx b/src/pages/users/index.tsx
similarity index 90%
rename from src/pages/home/users/index.tsx
rename to src/pages/users/index.tsx
index a9ae12169a..fd358917e7 100644
--- a/src/pages/home/users/index.tsx
+++ b/src/pages/users/index.tsx
@@ -1,13 +1,14 @@
import React from 'react';
import Translate, { translate } from '@docusaurus/Translate';
-import { Bone } from '../../../components';
+import { Bone } from '../../components';
import './index.scss';
+import Layout from '@theme/Layout';
const data = {
desc: (
<span>
- <Translate id='homepage.userDesc1'>请在</Translate>{' '}
+ <Translate id='users.userDesc1'>请在</Translate>{' '}
<a
rel='noopener noreferrer'
target='_blank'
@@ -16,7 +17,7 @@ const data = {
>
Wanted: who's using Seata
</a>{' '}
- <Translate id='homepage.userDesc2'>
+ <Translate id='users.userDesc2'>
上提供信息来帮助 Seata 做的更好。
</Translate>
</span>
@@ -180,29 +181,48 @@ const data = {
'https://img.alicdn.com/imgextra/i4/O1CN01Rc0vU61sSQ3jvR0rw_!!6000000005765-2-tps-1076-228.png',
],
titleBefore: translate({
- id: 'homepage.userTitleBefore',
- message: '谁在使用',
+ id: 'users.userTitleBefore',
}),
- titleAfter: translate({ id: 'homepage.userTitleAfter', message: ' Seata' }),
+ titleAfter: translate({ id: 'users.userTitleAfter' }),
};
const User = () => {
return (
- <section className='users-section'>
- <h3>
- {data.titleBefore}
- <span>{data.titleAfter}</span>
- </h3>
- {/* <Bone type="dark" /> */}
- <p>{data.desc}</p>
- <div className='users'>
- {data.list.map((user, i) => (
- <div className='user-item' key={i}>
- <img src={user} />
- </div>
- ))}
- </div>
- </section>
+ <Layout title={data.titleBefore} description={data.titleBefore}>
+ <section className='users-section'>
+ <h3>
+ {data.titleBefore}
+ <span>{data.titleAfter}</span>
+ </h3>
+ {/* <Bone type="dark" /> */}
+ <p>{data.desc}</p>
+ <div className='users'>
+ {data.list.map((user, i) => (
+ <div className='user-item' key={i}>
+ <img src={user} />
+ </div>
+ ))}
+ </div>
+ <div className='appear'>
+ <h3>
+ <Translate id='users.wantToAppear' />
+ </h3>
+ <p>
+ <Translate id='users.appearDesc1' />{' '}
+ <a
+ rel='noopener noreferrer'
+ target='_blank'
+ href='https://github.com/apache/incubator-seata/issues/1246'
+ >
+ Wanted: who's using Seata
+ </a>{' '}
+ <Translate id='users.appearDesc2' />{' '}
+ <a href='mailto:[email protected]'>mailing list</a>{' '}
+ <Translate id='users.appearDesc3' />
+ </p>
+ </div>
+ </section>
+ </Layout>
);
};
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
