update style on footer

Author: chenshuai2144

site/theme/en-US.js

@@ -35,24 +35,24 @@ module.exports = {
     'app.home.docs': 'documentation',
     'app.home.faq': 'faq',
     'app.home.ask': 'ask questions',
-    'app.footer.repo': 'Repository',
+    'app.footer.repo': 'GitHub Repository',
     'app.footer.awesome': 'Awesome Ant Design',
-    'app.footer.customize-theme': 'Customize Theme',
+    'app.footer.chinamirror': 'China Mirror 🇨🇳',
+    'app.footer.primary-color-changed': 'Change primary color successfully!',
     'app.footer.scaffold': 'Scaffold',
+    'app.footer.kitchen': 'Sketch Toolkit',
     'app.footer.scaffolds': 'Scaffold Market',
     'app.footer.dev-tools': 'Developer Tools',
     'app.footer.dva': 'Framework',
-    'app.footer.links': 'Links',
-    'app.footer.mobile': 'Mobile UI',
+    'app.footer.resources': 'Resources',
     'app.footer.data-vis': 'Data Visualization',
-    'app.footer.ant-design': 'UI Design Language',
     'app.footer.eggjs': 'Enterprise Node Framework',
-    'app.footer.encloseio': 'Node.js Compiler',
     'app.footer.motion': 'Motion Solution',
     'app.footer.antd-library': 'Axure library',
     'app.footer.design-platform': 'Ant Financial Design Platform',
     'app.footer.antux': 'Sitemap Template',
     'app.footer.community': 'Community',
+    'app.footer.help': 'Help',
     'app.footer.change-log': 'Change Log',
     'app.footer.faq': 'FAQ',
     'app.footer.feedback': 'Feedback',
@@ -62,14 +62,20 @@ module.exports = {
     'app.footer.discuss-cn': 'Chat Room (中文)',
     'app.footer.bug-report': 'Bug Report',
     'app.footer.issues': 'Issues',
-    'app.footer.work-with-us': 'Work with Us',
     'app.footer.version': 'Version: ',
     'app.footer.author': 'Created by AFX',
-    'app.footer.resources': 'Resource',
+    'app.footer.work_with_us': 'Work with Us',
     'app.footer.more-product': 'More Products',
-    'app.footer.privacy': 'Privacy Policy',
-    'app.footer.commitment': 'Our Commitment to Customer Protection',
-    'app.footer.company': 'Ant Financial',
+    'app.footer.company': 'AFX',
+    'app.footer.ant-design': 'UI Design Language',
+    'app.footer.yuque': 'YuQue',
+    'app.footer.yuque.slogan': 'Write your document as a team',
+    'app.footer.fengdie': 'FengDie',
+    'app.footer.fengdie.slogan': 'Mobile web app builder',
+    'app.footer.zhihu': 'Zhihu',
+    'app.footer.zhihu.xtech': 'Experience Cloud Blog',
+    'app.footer.seeconf': 'Seeking Experience & Engineering Conference',
+    'app.footer.xcloud': 'Ant Experience Cloud',
     'app.publish.title': 'Ant Desgin [email protected] has been released! 🎉 🎉 🎉',
     'app.publish.greeting': 'Hello, ',
     'app.publish.intro': 'has been released',

site/theme/static/footer.less

@@ -1,44 +1,30 @@
 @import './colors';
 
-@padding-space: 114px;
-
-footer.dark {
-  background-color: #000;
-  color: rgba(255, 255, 255, 0.65);
-  a {
-    color: #fff;
-  }
-  h2 {
-    color: rgba(255, 255, 255, 1);
-    & > span {
-      color: rgba(255, 255, 255, 1);
-    }
-  }
-  .bottom-bar {
-    border-top: 1px solid rgba(255, 255, 255, 0.25);
-    overflow: hidden;
-  }
-}
+@padding-space: 144px;
 
 footer {
-  border-top: 1px solid @border-color;
   clear: both;
-  font-size: 12px;
-  background: #fff;
+  font-size: 14px;
+  background-color: #000;
   position: relative;
   z-index: 100;
-  color: @site-text-color;
+  color: rgba(255, 255, 255, 0.65);
   box-shadow: 0 1000px 0 1000px #fff;
   .ant-row {
     text-align: center;
     .footer-center {
       display: inline-block;
       text-align: left;
       > h2 {
-        font-size: 14px;
+        font-size: 16px;
         margin: 0 auto 24px;
         font-weight: 500;
         position: relative;
+
+        > .title-icon {
+          width: 27px;
+          margin-right: 16px;
+        }
         > .anticon {
           font-size: 16px;
           position: absolute;
@@ -54,33 +40,40 @@ footer {
   }
   .footer-wrap {
     position: relative;
-    padding: 86px @padding-space 70px @padding-space;
+    padding: 86px @padding-space 93px @padding-space;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
   }
   .bottom-bar {
-    border-top: 1px solid @border-color;
-    text-align: right;
-    padding: 20px @padding-space;
+    text-align: center;
+    padding: 16px @padding-space;
     margin: 0;
-    line-height: 24px;
+    line-height: 32px;
+    overflow: hidden;
+    font-family: Avenir, @font-family;
+    font-size: 16px;
+    font-variant: tabular-nums;
     a {
       color: rgba(255, 255, 255, 0.65);
+      margin-left: 4px;
       &:hover {
         color: #fff;
       }
     }
     .translate-button {
       text-align: left;
-      width: 200px;
-      margin: 0 auto;
+    }
+    .heart {
+      color: #f73f51;
+      font-size: 22px;
     }
   }
-  .footer-logo {
-    position: relative;
-    top: -2px;
+  a {
+    color: rgba(255, 255, 255, 0.9);
   }
-  .footer-flag {
-    position: relative;
-    top: -4px;
-    margin-right: 8px;
+  h2 {
+    color: rgba(255, 255, 255, 1);
+    & > span {
+      color: rgba(255, 255, 255, 1);
+    }
   }
 }