💄 transfer footer to rc-footer

package.json

@@ -201,6 +201,7 @@
     "prettier": "^1.17.1",
     "pretty-quick": "^1.11.0",
     "querystring": "^0.2.0",
+    "rc-footer": "^0.2.3",
     "rc-queue-anim": "^1.6.12",
     "rc-scroll-anim": "^2.5.8",
     "rc-tween-one": "^2.4.1",

site/theme/en-US.js

@@ -76,8 +76,8 @@ module.exports = {
     'app.footer.feedback': 'Feedback',
     'app.footer.stackoverflow': 'StackOverflow',
     'app.footer.segmentfault': 'SegmentFault',
-    'app.footer.discuss-en': 'Chat Room (English)',
-    'app.footer.discuss-cn': 'Chat Room (中文)',
+    'app.footer.discuss-en': 'Chat Room 🇺🇸',
+    'app.footer.discuss-cn': 'Chat Room 🇨🇳',
     'app.footer.bug-report': 'Bug Report',
     'app.footer.issues': 'Issues',
     'app.footer.version': 'Version: ',

site/theme/static/footer.less

@@ -1,86 +1,2 @@
+@import '~rc-footer/assets/index.css';
 @import './colors';
-
-@padding-space: 40px;
-
-footer {
-  position: relative;
-  z-index: 9;
-  clear: both;
-  margin-left: -1px;
-  color: rgba(255, 255, 255, 0.4);
-  font-size: 14px;
-  background-color: #000;
-
-  .footer-wrap {
-    position: relative;
-    padding: 60px @padding-space;
-    text-align: center;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
-
-    .footer-center {
-      display: inline-block;
-      text-align: left;
-
-      > h2 {
-        position: relative;
-        margin: 0 auto 24px;
-        font-weight: 500;
-        font-size: 16px;
-
-        > .title-icon {
-          width: 27px;
-          margin-right: 16px;
-        }
-        > .anticon {
-          position: absolute;
-          top: 3px;
-          left: -22px;
-          color: #aaa;
-          font-size: 16px;
-        }
-      }
-      > div {
-        margin: 12px 0;
-
-        > span {
-          -moz-osx-font-smoothing: grayscale;
-          -webkit-font-smoothing: antialiased;
-        }
-      }
-    }
-  }
-
-  .bottom-bar {
-    margin: 0;
-    padding: 16px @padding-space;
-    overflow: hidden;
-    font-size: 16px;
-    font-family: Avenir, @font-family, sans-serif;
-    line-height: 32px;
-    text-align: center;
-
-    a {
-      margin-left: 4px;
-      color: rgba(255, 255, 255, 0.65);
-      &:hover {
-        color: #fff;
-      }
-    }
-    .translate-button {
-      text-align: left;
-    }
-    .heart {
-      color: #f73f51;
-      font-size: 22px;
-    }
-  }
-  a {
-    color: rgba(255, 255, 255, 0.9);
-  }
-  h2 {
-    color: rgba(255, 255, 255, 1);
-    & > span {
-      color: rgba(255, 255, 255, 1);
-    }
-  }
-}

site/theme/static/responsive.less

@@ -151,31 +151,6 @@
     border-radius: 0;
   }
 
-  #footer {
-    text-align: center;
-    .footer-wrap {
-      padding: 40px;
-      .ant-row {
-        padding: 0;
-        > div {
-          &:nth-child(2),
-          &:nth-child(4) {
-            display: none;
-          }
-          a {
-            font-weight: 300;
-          }
-        }
-      }
-    }
-    .footer-center {
-      text-align: center;
-    }
-    h2 {
-      margin-top: 16px;
-    }
-  }
-
   .prev-next-nav {
     width: ~'calc(100% - 32px)';
     margin-left: 16px;