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

dengliming pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/shenyu-website.git


The following commit(s) were added to refs/heads/main by this push:
     new a16d8b9ded footer update (#660)
a16d8b9ded is described below

commit a16d8b9dedfb437fb63be20f60e61234da24e2b9
Author: gouzixing <[email protected]>
AuthorDate: Sat Jul 30 01:39:26 2022 +0800

    footer update (#660)
    
    * newsPage
    
    * news page
    
    * bugfix
    
    * news page update
    
    * bugfix --path bug
    
    * conflict
    
    * conflict
    
    * img update
    
    * blog page refractor
    
    * blog page new style
    
    * delete annotate
    
    * index page highlight for slogon
    
    * bugfix:document for node
    
    * bugfix--link false
    
    * i18n & link fix
    
    * 'translate'
    
    * translate
    
    * urlchange bugfix
    
    * docs fix
    
    * delete unused import
    
    * fix
    
    * event page & navibar update & overview doc & pic update for news
    
    * lint
    
    * lint
    
    * translate
    
    * lint
    
    * trans
    
    * feat
    
    * fix--locale=zh
    
    * docs fix
    
    * footer
    
    * i18n
    
    Co-authored-by: gouzixing <[email protected]>
    Co-authored-by: gouzixing <[email protected]>
---
 docusaurus.config.js             | 150 +++++++++++++++++++--------------------
 i18n/zh/code.json                |  30 ++++++++
 src/components/Footer.module.css |  67 +++++++++++++++++
 src/components/Footer.tsx        |  57 +++++++++++++++
 src/pages/index.tsx              |   2 +
 static/img/iconTransfer.svg      |   1 +
 6 files changed, 232 insertions(+), 75 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 2c777aebe2..03ef09630c 100755
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -144,81 +144,81 @@ module.exports = {
         },
       ],
     },
-    footer: {
-      style: 'dark',
-      links: [
-        {
-          title: 'Events',
-          items: [
-            {
-              label: 'ApacheCon',
-              href: 'https://www.apachecon.com',
-            },
-          ],
-        },
-        {
-          title: 'ShenYu',
-          items: [
-            {
-              label: 'Download',
-              to: '/download',
-            },
-            {
-              label: 'Document',
-              to: '/docs/index',
-            },
-            {
-              label: 'News',
-              to: '/news',
-            },
-            {
-              label: 'Blog',
-              to: '/blog',
-            },
-            {
-              label: 'Releases',
-              href: 'https://github.com/apache/shenyu/releases',
-            },
-          ],
-        },
-        {
-          title: 'Community',
-          items: [
-            {
-              label: 'Community',
-              to: '/community/contributor-guide',
-            },
-            {
-              label: 'GitHub',
-              href: 'https://github.com/apache/shenyu',
-            },
-            {
-              label: 'Issue Tracker',
-              href: 'https://github.com/apache/shenyu/issues',
-            },
-          ],
-        },
-        {
-          title: 'Subscribe mailing list',
-          items: [
-            {
-              label: 'How to subscribe',
-              to: '/community/contributor-guide#join-the-discussion',
-            },
-            {
-              label: 'Subscribe Mail',
-              href: 'mailto://[email protected]',
-            },
-            {
-              label: 'Mail Archive',
-              href: 
'https://lists.apache.org/[email protected]',
-            },
-          ],
-        },
-      ],
-      copyright: `<div><img style="height:50px; margin-right:10px" 
src="/img/logo/support-apache.png" /> <img style="height:50px; 
margin-left:10px" alt="Apache Software Foundation" src="/img/logo/asf_logo.svg" 
/><p style="color:#ffffffcf;font-size:14px;text-align:center">Copyright © ${new 
Date().getFullYear()} The Apache Software Foundation, Licensed under the Apache 
License, Version 2.0. Apache ShenYu,  Apache, the Apache feather logo, the 
Apache ShenYu logo are trademarks of The Apache [...]
-      <div>`,
-    },
+    // footer: {
+    //   style: 'dark',
+    //   links: [
+    //     {
+    //       title: 'Events',
+    //       items: [
+    //         {
+    //           label: 'ApacheCon',
+    //           href: 'https://www.apachecon.com',
+    //         },
+    //       ],
+    //     },
+    //     {
+    //       title: 'ShenYu',
+    //       items: [
+    //         {
+    //           label: 'Download',
+    //           to: '/download',
+    //         },
+    //         {
+    //           label: 'Document',
+    //           to: '/docs/index',
+    //         },
+    //         {
+    //           label: 'News',
+    //           to: '/news',
+    //         },
+    //         {
+    //           label: 'Blog',
+    //           to: '/blog',
+    //         },
+    //         {
+    //           label: 'Releases',
+    //           href: 'https://github.com/apache/shenyu/releases',
+    //         },
+    //       ],
+    //     },
+    //     {
+    //       title: 'Community',
+    //       items: [
+    //         {
+    //           label: 'Community',
+    //           to: '/community/contributor-guide',
+    //         },
+    //         {
+    //           label: 'GitHub',
+    //           href: 'https://github.com/apache/shenyu',
+    //         },
+    //         {
+    //           label: 'Issue Tracker',
+    //           href: 'https://github.com/apache/shenyu/issues',
+    //         },
+    //       ],
+    //     },
+    //     {
+    //       title: 'Subscribe mailing list',
+    //       items: [
+    //         {
+    //           label: 'How to subscribe',
+    //           to: '/community/contributor-guide#join-the-discussion',
+    //         },
+    //         {
+    //           label: 'Subscribe Mail',
+    //           href: 'mailto://[email protected]',
+    //         },
+    //         {
+    //           label: 'Mail Archive',
+    //           href: 
'https://lists.apache.org/[email protected]',
+    //         },
+    //       ],
+    //     },
+    //   ],
+    //   copyright: `<div>< img style="height:50px; margin-right:10px" 
src="/img/logo/support-apache.png" /> < img style="height:50px; 
margin-left:10px" alt="Apache Software Foundation" src="/img/logo/asf_logo.svg" 
/><p style="color:#ffffffcf;font-size:14px;text-align:center">Copyright  ${new 
Date().getFullYear()} The Apache Software Foundation, Licensed under the Apache 
License, Version 2.0. Apache ShenYu,  Apache, the Apache feather logo, the 
Apache ShenYu logo are trademarks of The Ap [...]
+    //   <div>`,
+    // },
     prism: {
       theme: lightCodeTheme,
       darkTheme: darkCodeTheme,
diff --git a/i18n/zh/code.json b/i18n/zh/code.json
index a96bba8839..b894999ee4 100755
--- a/i18n/zh/code.json
+++ b/i18n/zh/code.json
@@ -468,5 +468,35 @@
   },
   "Release Apache Shenyu 2.2.0":{
     "message":"Apache Shenyu 2.2.0 发布"
+  },
+  "Events":{
+    "message":"事件"
+  },
+  "Download":{
+    "message":"下载"
+  },
+  "Document":{
+    "message":"文档"
+  },
+  "News":{
+    "message":"新闻"
+  },
+  "Release":{
+    "message":"发布"
+  },
+  "Community":{
+    "message":"社区"
+  },
+  "Subscribe mailing list":{
+    "message":"邮件订阅组"
+  },
+  "How to subscribe":{
+    "message":"如何订阅"
+  },
+  "Subscribe Mail":{
+    "message":"订阅邮件"
+  },
+  "Mail Archive":{
+    "message":"邮件归档"
   }
 }
diff --git a/src/components/Footer.module.css b/src/components/Footer.module.css
new file mode 100644
index 0000000000..cb8490eb56
--- /dev/null
+++ b/src/components/Footer.module.css
@@ -0,0 +1,67 @@
+.footer{
+    width: 100%;
+    background-color: #29292c;
+    padding: 64px 0;
+}
+
+.containerContent{
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    flex-direction: row;
+    margin: 0 auto;
+    max-width: 85%;
+}
+
+.text{
+    max-width: 450px;
+    /* font-family: 'Inter'; */
+    font-style: normal;
+    font-weight: 440;
+    font-size: 13px;
+    line-height: 24px;
+    color: #9c9da7;
+    max-width: 450px;
+    display: block;
+    margin-top: 40px;
+}
+
+.footerNav{
+    display: flex;
+    flex-direction: row;
+}
+
+.item{
+    width: 165px;
+    padding-bottom: 30px;
+}
+
+.linkSpan{
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+    color: #9c9da7;
+}
+
+.linkA{
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 22px;
+    color: #f3f4f6;
+    margin-top: 16px;
+    display: block;
+}
+
+.logos{
+    display: flex;
+}
+
+.logos img{
+    margin-right: 24px;
+    height: 48px;
+    width: auto;
+}
\ No newline at end of file
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000000..29dab67bc5
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,57 @@
+import React from 'react';
+import styles from './Footer.module.css';
+import Translate, { translate } from "@docusaurus/Translate";
+
+const Footer = (): React.ReactElement => (
+    <section className={styles.footer}>
+        <div className={styles.containerContent}>
+            <div className={styles.copyRight}>
+                <div>
+                    <div className={styles.logos}>
+                        <a href=''>< img src='/img/logo/support-apache.png' 
alt="Apache Support Logo" /></a>
+                        <a href=''>< img src='/img/logo/asf_logo.svg' alt="The 
Apache Software Foundation" /></a>
+                    </div>
+                    <span className={styles.text}>Copyright  2022 The Apache 
Software Foundation, Licensed under the Apache License, Version 2.0. Apache 
ShenYu, Apache, the Apache feather logo, the Apache ShenYu logo are trademarks 
of The Apache Software Foundation.</span>
+                </div>
+            </div>
+            <div className={styles.footerLinks}>
+                <nav className={styles.footerNav}>
+                    <div className={styles.item}>
+                        <span 
className={styles.linkSpan}><Translate>Events</Translate></span>
+                        <div className={styles.link}>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} href='https://www.apachecon.com'>ApacheCon</a></div>
+                        </div>
+                    </div>
+                    <div className={styles.item}>
+                        <span className={styles.linkSpan}>Shenyu</span>
+                        <div className={styles.link}>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} 
href='/download'><Translate>Download</Translate></a></div>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} 
href='/docs/index/'><Translate>Document</Translate></a></div>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} href='/news'><Translate>News</Translate></a></div>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} href='/blog'><Translate>Blog</Translate></a></div>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} 
href='https://github.com/apache/shenyu/releases'><Translate>Release</Translate></a></div>
+                        </div>
+                    </div>
+                    <div className={styles.item}>
+                        <span 
className={styles.linkSpan}><Translate>Community</Translate></span>
+                        <div className={styles.link}>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} 
href='/community/contributor-guide'><Translate>Community</Translate></a></div>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} 
href='https://github.com/apache/shenyu'>Github</a></div>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} href='https://github.com/apache/shenyu/issues'>Issue 
Tracker</a></div>
+                        </div>
+                    </div>
+                    <div className={styles.item}>
+                        <span className={styles.linkSpan}><Translate>Subscribe 
mailing list</Translate></span>
+                        <div className={styles.link}>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} 
href='./community/contributor-guide#join-the-discussion'><Translate>How to 
subscribe</Translate></a></div>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} 
href='mailto://[email protected]'><Translate>Subscribe 
Mail</Translate></a></div>
+                            <div className={styles.linkItem}><a 
className={styles.linkA} 
href='https://lists.apache.org/[email protected]'><Translate>Mail
 Archive</Translate></a></div>                            
+                        </div>
+                    </div>
+                </nav>
+            </div>
+        </div>
+    </section>
+);
+
+export default Footer;
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index e754178019..c2b4e368c6 100755
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -8,6 +8,7 @@ import Layout from "@theme/Layout";
 import clsx from "clsx";
 import styles from "./index.module.css";
 import Features from "../components/Features";
+import Footer from "../components/Footer";
 
 function Home() {
   const {
@@ -127,6 +128,7 @@ function Home() {
             <Features />
           </div>
         </div>
+        <div><Footer></Footer></div>
       </main>
     </Layout>
   );
diff --git a/static/img/iconTransfer.svg b/static/img/iconTransfer.svg
new file mode 100644
index 0000000000..4add619125
--- /dev/null
+++ b/static/img/iconTransfer.svg
@@ -0,0 +1 @@
+<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" 
class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 
13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 
6.977-7.07 4.125 4.172v-11z"></path></svg>
\ No newline at end of file

Reply via email to