This is an automated email from the ASF dual-hosted git repository.
duhengforever pushed a commit to branch new-official-website
in repository https://gitbox.apache.org/repos/asf/rocketmq-site.git
The following commit(s) were added to refs/heads/new-official-website by this
push:
new d24fc669 Fix Home Page Problems (#204)
d24fc669 is described below
commit d24fc669aa5b9a057baee87013fd9089824c40e8
Author: Jack Tsai <[email protected]>
AuthorDate: Mon Sep 5 12:48:28 2022 +0800
Fix Home Page Problems (#204)
Co-authored-by: tsaitsung-han.tht <[email protected]>
---
i18n/en/code.json | 18 +++++++++---------
i18n/en/docusaurus-theme-classic/navbar.json | 2 +-
src/css/custom.css | 2 +-
src/pages/components/Highlight.js | 17 +++++------------
src/pages/components/highlight.module.css | 21 ---------------------
5 files changed, 16 insertions(+), 44 deletions(-)
diff --git a/i18n/en/code.json b/i18n/en/code.json
index 96fdfb35..c9474460 100644
--- a/i18n/en/code.json
+++ b/i18n/en/code.json
@@ -266,19 +266,19 @@
"云原生": {
"message": "Cloud Native"
},
- "可分可合的存储计算架构": {
- "message": "Dividable and composable storage computing architecture"
+ "生与云，长与云，无限弹性扩缩，K8s 友好": {
+ "message": "Born with the cloud, grow with the cloud, infinitely elastic
expansion and contraction, K8s friendly"
},
"高吞吐": {
"message": "High Throughput"
},
- "保证万亿级的信息容量": {
- "message": "Trillion-level message capacity guaranteed"
+ "万亿级吞吐保证，同时满足微服务与大数据场景": {
+ "message": "Trillion-level throughput guarantee to meet both microservice
and big data scenarios"
},
"低时延": {
"message": "Low Latency"
},
- "大规模负载下低延迟": {
+ "高负载下依然保持较低时延": {
"message": "With low latency under massive loads"
},
"金融级": {
@@ -290,14 +290,14 @@
"架构极简": {
"message": "Lightweight Model"
},
- "灵活的分布式横向扩展部署架构": {
- "message": "Flexible distributed scale-out deployment architecture"
+ "零外部依赖，Shared-nothing 架构": {
+ "message": "Zero external dependencies, Shared-nothing architecture"
},
"生态友好": {
"message": "Eco Friendly"
},
- "涵盖电商、金融、物联网、大数据领域": {
- "message": "Covering the fields of e-commerce, finance, Internet of
Things, and big data"
+ "无缝对接微服务、实时计算、数据湖等周边生态": {
+ "message": "Seamlessly connects to microservices, real-time computing,
data lake and other surrounding ecologies"
},
"生态系统": {
"message": "Ecosystem"
diff --git a/i18n/en/docusaurus-theme-classic/navbar.json
b/i18n/en/docusaurus-theme-classic/navbar.json
index 03457d0a..a3a01abd 100644
--- a/i18n/en/docusaurus-theme-classic/navbar.json
+++ b/i18n/en/docusaurus-theme-classic/navbar.json
@@ -1,6 +1,6 @@
{
"title": {
- "message": "RocketMQ",
+ "message": "Apache RocketMQ",
"description": "The title in the navbar"
},
"item.label.文档": {
diff --git a/src/css/custom.css b/src/css/custom.css
index a2d0a8cb..d4515609 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -323,7 +323,7 @@ h1 {
.gradient-text {
color: transparent;
- font-size: 17vmin;
+ font-size: 13vmin;
text-align: center !important;
background: conic-gradient(
#068d9d 12%,
diff --git a/src/pages/components/Highlight.js
b/src/pages/components/Highlight.js
index 4cb49cde..0089bb1e 100644
--- a/src/pages/components/Highlight.js
+++ b/src/pages/components/Highlight.js
@@ -22,21 +22,21 @@ export default function Highlight({ reversed, title, img,
text, link,url,isDark
<svg t="1662019940104" class="icon" viewBox="0 0 1323
1024" version="1.1" xmlns="http://www.w3.org/2000/svg"; p-id="694" width="100"
height="100"><path d="M295.885162 290.240781a163.251644 163.251644 0 0
0-37.529113 54.417215 165.753584 165.753584 0 0 0-13.13519 62.548522 160.749703
160.749703 0 0 0 0 18.764557l5.003882 36.278143-28.77232 17.513586a237.0589
237.0589 0 0 0-62.548523 53.79173 225.800166 225.800166 0 0 0-53.166244
147.614513A229.553077 229.553077 0 0 [...]
</div>
<h3 className={styles.highlighttitle}>{translate({
message: "云原生" })}</h3>
- <p className={styles.highlightsubtitle}>{translate({
message: "可分可合的存储计算架构" })}</p>
+ <p className={styles.highlightsubtitle}>{translate({
message: "生与云，长与云，无限弹性扩缩，K8s 友好" })}</p>
</div>
<div className={clsx('col col--4', styles.featureContent)}>
<div className={styles.introimg}>
<svg t="1662019998302" class="icon" viewBox="0 0 1088
1024" version="1.1" xmlns="http://www.w3.org/2000/svg"; p-id="1092" width="100"
height="100"><path d="M554.026667 0c294.570667 0 533.333333 238.784 533.333333
533.333333 0 219.52-132.586667 408.042667-322.069333
489.856l-65.92-65.941333c41.706667-14.293333 80.64-34.581333
115.776-59.818667l-59.2-59.178666 60.330666-60.352 63.253334 63.274666A446.4
446.4 0 0 0 1000.021333 576h-104.64v-85.333333h104.661334a445.461 [...]
</div>
<h3 className={styles.highlighttitle}>{translate({
message: "高吞吐" })}</h3>
- <p className={styles.highlightsubtitle}>{translate({
message: "保证万亿级的信息容量" })}</p>
+ <p className={styles.highlightsubtitle}>{translate({
message: "万亿级吞吐保证，同时满足微服务与大数据场景" })}</p>
</div>
<div className={clsx('col col--4', styles.featureContent)}>
<div className={styles.introimg}>
<svg t="1662020021534" class="icon" viewBox="0 0 1024
1024" version="1.1" xmlns="http://www.w3.org/2000/svg"; p-id="1351" width="100"
height="100"><path d="M395.765333 586.570667h-171.733333c-22.421333
0-37.888-22.442667-29.909333-43.381334L364.768 95.274667A32 32 0 0 1 394.666667
74.666667h287.957333c22.72 0 38.208 23.018667 29.632 44.064l-99.36
243.882666h187.050667c27.509333 0 42.186667 32.426667 24.042666
53.098667l-458.602666 522.56c-22.293333 25.408-63.626667 [...]
</div>
<h3 className={styles.highlighttitle}>{translate({
message: "低时延" })}</h3>
- <p className={styles.highlightsubtitle}>{translate({
message: "大规模负载下低延迟" })}</p>
+ <p className={styles.highlightsubtitle}>{translate({
message: "高负载下依然保持较低时延" })}</p>
</div>
</div>
<div className={clsx('row', styles.row)}>
@@ -52,14 +52,14 @@ export default function Highlight({ reversed, title, img,
text, link,url,isDark
<svg t="1662020058130" class="icon" viewBox="0 0 1024
1024" version="1.1" xmlns="http://www.w3.org/2000/svg"; p-id="1830" width="100"
height="100"><path d="M867.648 648.48l33.216 55.744a6.4 6.4 0 0 1-2.24
8.768l-398.912 237.76-398.944-237.76a6.4 6.4 0 0 1-2.24-8.768l33.216-55.744a6.4
6.4 0 0 1 8.8-2.24l359.136 214.048 359.2-214.016a6.4 6.4 0 0 1 8.768 2.24z
m0-155.392l33.216 55.744a6.4 6.4 0 0 1-2.24 8.8l-398.912
237.76-398.944-237.76a6.4 6.4 0 0 1-2.24-8.8l33.216- [...]
</div>
<h3 className={styles.highlighttitle}>{translate({
message: "架构极简" })}</h3>
- <p className={styles.highlightsubtitle}>{translate({
message: "灵活的分布式横向扩展部署架构" })}</p>
+ <p className={styles.highlightsubtitle}>{translate({
message: "零外部依赖，Shared-nothing 架构" })}</p>
</div>
<div className={clsx('col col--4', styles.featureContent)}>
<div className={styles.introimg}>
<svg t="1662020073561" class="icon" viewBox="0 0 1025
1024" version="1.1" xmlns="http://www.w3.org/2000/svg"; p-id="2045" width="100"
height="100"><path d="M960.13
661.73c45.18-217.23-72.82-435.39-279.35-516.48C668.79 62.35 597.7 0.84 513.93
0.9 430.17 0.85 359.09 62.35 347.11 145.25 172.89 213.66 58.28 381.73 58.23
568.91c0 23.86 3.21 54.82 9.53 92.77-39.81 30.79-65.38 78.96-65.38 133.1 0.02
44.67 17.8 87.5 49.4 119.07a168.43 168.43 0 0 0 119.13 49.27c29.77 0 57.7 [...]
</div>
<h3 className={styles.highlighttitle}>{translate({
message: "生态友好" })}</h3>
- <p className={styles.highlightsubtitle}>{translate({
message: "涵盖电商、金融、物联网、大数据领域" })}</p>
+ <p className={styles.highlightsubtitle}>{translate({
message: "无缝对接微服务、实时计算、数据湖等周边生态" })}</p>
</div>
</div>
<div className={clsx('sectionSpace', styles.sectionSpace)}></div>
@@ -86,13 +86,6 @@ export default function Highlight({ reversed, title, img,
text, link,url,isDark
<h3 className={styles.highlighttitle}>{translate({
message: "微服务" })}</h3>
<p className={styles.highlightsubtitle}>{translate({
message: "丰富的消息类型支持和消息治理方式，以消息粒度负载均衡满足 Serverless 应用场景" })}</p>
</div>
- {/* <div className={clsx('col col--3', styles.featureContent)}>
- <div className={styles.introimg}>
- <svg t="1662019940104" class="icon" viewBox="0 0 1323
1024" version="1.1" xmlns="http://www.w3.org/2000/svg"; p-id="694" width="100"
height="100"><path d="M295.885162 290.240781a163.251644 163.251644 0 0
0-37.529113 54.417215 165.753584 165.753584 0 0 0-13.13519 62.548522 160.749703
160.749703 0 0 0 0 18.764557l5.003882 36.278143-28.77232 17.513586a237.0589
237.0589 0 0 0-62.548523 53.79173 225.800166 225.800166 0 0 0-53.166244
147.614513A229.553077 229.553077 0 0 [...]
- </div>
- <h3 className={styles.highlighttitle}>{translate({
message: "云原生" })}</h3>
- <p className={styles.highlightsubtitle}>{translate({
message: "可分可合的存储计算分离架构" })}</p>
- </div> */}
</div>
</section>
)
diff --git a/src/pages/components/highlight.module.css
b/src/pages/components/highlight.module.css
index 76466541..0fbefaed 100644
--- a/src/pages/components/highlight.module.css
+++ b/src/pages/components/highlight.module.css
@@ -66,27 +66,6 @@
}
}
-@media (min-width: 1441px) {
- .featureContent {
- /* padding: var(--wdio-spacing-vertical) 0
var(--wdio-spacing-vertical) calc(var(--ifm-spacing-horizontal) +
10rem)!important; */
- }
- /* .highlighttitle {
- font-weight: 600 !important;
- text-align:center!important;
- margin: 0rem 0rem 0rem 0rem !important;
- }
-
- .introimg {
- text-align:center;
- margin: 0rem 0rem 2rem 0rem !important;
- }
- .sectionTitle {
- font-size: 3rem;
- text-align: center;
- margin: 0 0 0 12rem;
- } */
-}
-
.highlighttitle {
font-weight: 600 !important;
text-align:center!important;
