feat: Update footer data and design (#15)

* new footer * i18n for footer * bottom of footer * Add rootDomain * rc-footer version * update styles * fix ts error and bottom responsive design
antvis · Nov 8, 2019 · 4d89040 · 4d89040
1 parent 3ea211c
commit 4d89040
Show file tree

Hide file tree

Showing 6 changed files with 4,064 additions and 3,892 deletions.
diff --git a/@antv/gatsby-theme-antv/package.json b/@antv/gatsby-theme-antv/package.json
@@ -75,7 +75,7 @@
     "prism-themes": "^1.2.0",
     "prismjs": "^1.17.1",
     "ptz-i18n": "^1.0.0",
-    "rc-footer": "^0.5.0",
+    "rc-footer": "^0.6.1",
     "react": "^16.9.0",
     "react-codemirror2": "^6.0.0",
     "react-dom": "^16.9.0",

diff --git a/@antv/gatsby-theme-antv/site/common.json b/@antv/gatsby-theme-antv/site/common.json
@@ -2,11 +2,24 @@
   "所有产品": "All products",
   "生态": "Ecosystem",
   "搜索…": "Search...",
-  "中文首页": "Home Page",
   "在 GitHub 上编辑": "Edit on GitHub",
   "代码演示": "Examples",
   "设计指引": "Design Guide",
   "English": "中文",
   "进入全屏": "Enter Fullscreen",
-  "离开全屏": "Exit Fullscreen"
+  "离开全屏": "Exit Fullscreen",
+  "产品首页": "Home Page",
+  "图表示例": "Examples",
+  "使用文档": "Documentation",
+
+  "可视化图形语法": "Grammar of Graphics",
+  "图可视化引擎": "Graph Visualization",
+  "移动可视化方案": "Mobile Charts",
+  "地理空间可视化": "Geospatial Visualization",
+  "可视化图表库": "Javascript Charts Library",
+  "图分析框架": "Graph Analysis",
+  "图表生成工具": "Online Charts Generator",
+
+  "关于我们": "About us",
+  "返回旧版": "Old site"
 }
diff --git a/@antv/gatsby-theme-antv/site/components/Footer.module.less b/@antv/gatsby-theme-antv/site/components/Footer.module.less
@@ -2,4 +2,30 @@
 
 .footer {
   font-family: Avenir, @font-family;
+
+  .description {
+    opacity: 0.6;
+    font-weight: normal;
+    margin-left: 0.5em;
+  }
+
+  .bottom {
+    display: flex;
+    justify-content: space-between;
+    font-size: 14px;
+
+    :global(.anticon),
+    a {
+      margin-right: 8px;
+      color: rgba(255, 255, 255, 0.6);
+    }
+  }
+}
+
+@media only screen and (max-width: 767.99px) {
+  .footer {
+    .bottom {
+      display: block;
+    }
+  }
 }