Merge pull request #646 from zzzhangqi/1030

fix: navbar multi-language link and modify footer

docusaurus.config.js

@@ -181,6 +181,10 @@ const config = {
           {
             title: '文档',
             items: [
+              {
+                label: '快速安装',
+                to: '/docs/quick-start/quick-install'
+              },
               {
                 label: '快速开始',
                 to: 'docs/quick-start/getting-started'
@@ -221,44 +225,44 @@ const config = {
             ]
           },
           {
-            title: '开源社区',
+            title: '深入',
             items: [
               {
-                label: '微信',
-                to: '/community/support#微信群'
+                label: '使用场景',
+                to: 'usescene'
               },
               {
-                label: '钉钉(31096419)',
-                to: '#'
+                label: '用户案例',
+                to: 'case'
               },
               {
-                label: '用户论坛',
-                to: 'https://t.goodrain.com'
+                label: '博客',
+                to: 'blog'
               },
               {
-                label: '参与贡献',
-                to: '/community/contribution/'
-              }
+                label: 'OpenAPI',
+                to: '/docs/Intro'
+              },
             ]
           },
           {
-            title: '深入',
+            title: '开源社区',
             items: [
               {
-                label: '使用场景',
-                to: 'usescene'
+                label: '微信',
+                to: '/community/support#微信群'
               },
               {
-                label: '用户案例',
-                to: 'case'
+                label: '钉钉(31096419)',
+                to: '#'
               },
               {
-                label: '博客',
-                to: 'blog'
+                label: '用户论坛',
+                to: 'https://t.goodrain.com'
               },
               {
-                label: '精选应用',
-                to: '/opensourceApps'
+                label: '参与贡献',
+                to: '/community/contribution/'
               }
             ]
           },
@@ -273,6 +277,10 @@ const config = {
                 label: '应用商店',
                 to: 'https://store.goodrain.com/markets/rainbond'
               },
+              {
+                label: '精选应用',
+                to: '/opensourceApps'
+              },
               {
                 label: '联系我们',
                 to: 'https://p5yh4rek1e.feishu.cn/share/base/shrcn4dG9z5zvbZZWd1MFf6ILBg'

i18n/en/code.json

@@ -33,10 +33,7 @@
     "message": "Feature"
   },
   "Footer.intro.p1": {
-    "message": "Rainbond is Cloud Native Application Management Platform."
-  },
-  "Footer.intro.p2": {
-    "message": "Easy to use, No more dependence Yaml files, it is easy to deploy your application in Kubernetes"
+    "message": "Easy to use cloud native application management platform, making application management and application delivery easier"
   },
   "primary.title": {
     "message": "Cloud Native Multi Cloud Application Management Platform"

src/components/HomePage/HowRainbond/index.tsx

@@ -71,7 +71,7 @@ export default function HowRainbond() {
   return (
     <animated.div style={animatedTexts[0]}>
       <h1 style={{textAlign: 'center',marginBottom: '56px',position: 'relative'}}>
-        <Translate id='howrainbond.title'>能做什么?</Translate>
+        <Translate id='howrainbond.title'>Rainbond 能做什么?</Translate>
       </h1>
       <div className="row">
         {Cards().map(({header, content, link},index) => (

src/components/NavBar/index.module.scss

@@ -62,7 +62,7 @@
   border-bottom: solid;
   border-color: var(--background-color-light);
   border-width: 1px;
-  box-shadow: 5px 15px 50px rgb(0 55 79 / 20%);
+  // box-shadow: 5px 15px 50px rgb(0 55 79 / 20%);
   .nav_bar {
     height: 100%;
     // width: 100%;

src/theme/Footer/Layout/index.tsx

@@ -25,21 +25,18 @@ export default function FooterLayout({
       })}>
       <div className="container container-fluid" style={{marginTop: '50px', marginBottom: '50px'}}>
         <div className='row'>
-          <div className='col col--5'>
+          <div className='col col--3'>
             <div className="footer__bottom">
               <img
                 alt="Rainbond logo"
                 className={footSytles.footer__logo}
-                src="/img/rainbond.png"
-                title="QuestDB - Fastest open source database for time series and analytics"
+                src="/img/rainbondlog.png"
               />
-              <b className={footSytles.rainbondtext}>Rainbond</b>
+              {/* <b className={footSytles.rainbondtext}>Rainbond</b> */}
             </div>
             <div className={clsx("footer__bottom", footSytles.slogan)}>
               <p>
-                <Translate id='Footer.intro.p1'>Rainbond 是一个云原生应用管理平台，门槛低</Translate> 
-                <br/> 
-                <Translate id='Footer.intro.p2'>使用简单，无需编写Yaml文件，轻松部署你的应用在 Kubernetes 中</Translate>
+                <Translate id='Footer.intro.p1'>简单易用的云原生应用管理平台，让应用管理和应用交付更加简单</Translate> 
               </p>
             </div>
             <div className={clsx("footer__bottom", footSytles.slogan)}>
@@ -63,7 +60,7 @@ export default function FooterLayout({
               </Button>
             </div>
           </div>
-          <div className='col col--7'>
+          <div className='col col--9'>
             {links}
             {(logo || copyright) && (
             <div className="footer__bottom text--center">

src/theme/Footer/Layout/styles.module.css

@@ -6,8 +6,10 @@
     margin-left: 10px;
 }
 .slogan {
-    margin: 30px 30px 30px 0px;
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 .footer__github {
     align-self: flex-start;
+    font-size: 14px !important;
 }