You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@apisix.apache.org by ju...@apache.org on 2020/08/22 04:01:49 UTC

[apisix-website] 02/02: feat: added user wall

This is an automated email from the ASF dual-hosted git repository.

juzhiyuan pushed a commit to branch feat-docusaurus
in repository https://gitbox.apache.org/repos/asf/apisix-website.git

commit 9595784fea575abd223865067c13ab285ab61251
Author: juzhiyuan <ju...@apache.org>
AuthorDate: Sat Aug 22 12:01:30 2020 +0800

    feat: added user wall
---
 website/pages/en/index.js | 47 +++++++----------------------------------------
 website/pages/en/users.js |  2 +-
 website/siteConfig.js     | 41 ++++++++++++++++++++++++-----------------
 3 files changed, 32 insertions(+), 58 deletions(-)

diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index 6eda245..8d5c671 100644
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -64,9 +64,7 @@ class HomeSplash extends React.Component {
         <div className="inner">
           <ProjectTitle tagline={siteConfig.tagline} title={siteConfig.title} />
           <PromoSection>
-            <Button href="#try">Try It Out</Button>
-            <Button href={docUrl('doc1.html')}>Example Link</Button>
-            <Button href={docUrl('doc2.html')}>Example Link 2</Button>
+            <Button href="https://github.com/apache/apisix" target="_blank">View on GitHub</Button>
           </PromoSection>
         </div>
       </SplashContainer>
@@ -85,22 +83,12 @@ class Index extends React.Component {
         id={props.id}
         background={props.background}>
         <GridBlock
-          align="center"
           contents={props.children}
           layout={props.layout}
         />
       </Container>
     );
 
-    const FeatureCallout = () => (
-      <div
-        className="productShowcaseSection paddingBottom"
-        style={{textAlign: 'center'}}>
-        <h2>Feature Callout</h2>
-        <MarkdownBlock>These are features of this project</MarkdownBlock>
-      </div>
-    );
-
     const TryOut = () => (
       <Block id="try">
         {[
@@ -136,29 +124,10 @@ class Index extends React.Component {
         {[
           {
             content:
-              'Each new Docusaurus project has **randomly-generated** theme colors.',
-            image: `${baseUrl}img/undraw_youtube_tutorial.svg`,
+              'Cloud-native microservices API gateway, delivering the ultimate performance, security, open source and scalable platform for all your APIs and microservices. Apache APISIX is based on Nginx and etcd. Compared with traditional API gateways, APISIX has dynamic routing and plug-in hot loading, which is especially suitable for API management under micro-service system.',
+            image: `https://github.com/apache/apisix/blob/master/doc/images/apisix.png?raw=true`,
             imageAlign: 'right',
-            title: 'Randomly Generated Theme Colors',
-          },
-        ]}
-      </Block>
-    );
-
-    const Features = () => (
-      <Block layout="fourColumn">
-        {[
-          {
-            content: 'This is the content of my feature',
-            image: `${baseUrl}img/undraw_react.svg`,
-            imageAlign: 'top',
-            title: 'Feature One',
-          },
-          {
-            content: 'The content of my second feature',
-            image: `${baseUrl}img/undraw_operating_system.svg`,
-            imageAlign: 'top',
-            title: 'Feature Two',
+            title: 'Description',
           },
         ]}
       </Block>
@@ -183,7 +152,7 @@ class Index extends React.Component {
       return (
         <div className="productShowcaseSection paddingBottom">
           <h2>Who is Using This?</h2>
-          <p>This project is used by all these people</p>
+          <p>This project is used by all these folks</p>
           <div className="logos">{showcase}</div>
           <div className="more-users">
             <a className="button" href={pageUrl('users.html')}>
@@ -198,11 +167,9 @@ class Index extends React.Component {
       <div>
         <HomeSplash siteConfig={siteConfig} language={language} />
         <div className="mainContainer">
-          <Features />
-          <FeatureCallout />
           <LearnHow />
-          <TryOut />
-          <Description />
+          {/* <TryOut /> */}
+          {/* <Description /> */}
           <Showcase />
         </div>
       </div>
diff --git a/website/pages/en/users.js b/website/pages/en/users.js
index 5a0136d..7dd1de3 100644
--- a/website/pages/en/users.js
+++ b/website/pages/en/users.js
@@ -37,7 +37,7 @@ class Users extends React.Component {
               <React.Fragment>
                 <p>Are you using this project?</p>
                 <a
-                  href={`${siteConfig.repoUrl}/edit/master/website/siteConfig.js`}
+                  href="https://github.com/apache/apisix/blob/master/doc/powered-by.md"
                   className="button">
                   Add your company
                 </a>
diff --git a/website/siteConfig.js b/website/siteConfig.js
index 0318e9a..d4c21d2 100644
--- a/website/siteConfig.js
+++ b/website/siteConfig.js
@@ -1,23 +1,30 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// See https://docusaurus.io/docs/site-config for all the possible
-// site configuration options.
-
-// List of projects/orgs using your project for the users page.
 const users = [
   {
-    caption: "User1",
-    // You will need to prepend the image path with your baseUrl
-    // if it is not '/', like: '/test-site/img/image.jpg'.
-    image: "/img/undraw_open_source.svg",
-    infoLink: "https://www.facebook.com",
+    caption: "360",
+    image: "https://static.apiseven.com/2020/05/WechatIMG618.png",
+    infoLink: "https://www.360.com",
     pinned: true,
-  },
+  }, {
+    caption: "HelloTalk",
+    image: "https://static.apiseven.com/2020/05/HelloTalk.png",
+    infoLink: "https://www.hellotalk.com/?lang=en",
+    pinned: true,
+  }, {
+    caption: "网易",
+    image: "https://static.apiseven.com/2020/05/1588907762-WechatIMG2916.png",
+    infoLink: "https://www.163.com",
+    pinned: true,
+  }, {
+    caption: "腾讯云",
+    image: "https://static.apiseven.com/2020/05/%E8%85%BE%E8%AE%AF%E4%BA%91-1536x546.jpg",
+    infoLink: "https://qcloud.com",
+    pinned: true,
+  }, {
+    caption: "中国航信",
+    image: "https://static.apiseven.com/2020/05/%E4%B8%AD%E5%9B%BD%E8%88%AA%E4%BF%A1.png",
+    infoLink: "http://www.infosky.com.cn/publish/main/index.html",
+    pinned: true,
+  }
 ];
 
 const siteConfig = {