You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@inlong.apache.org by go...@apache.org on 2021/12/02 06:48:02 UTC
[incubator-inlong-website] branch master updated: [INLONG-1867] Add a users tab to the official website (#207)
This is an automated email from the ASF dual-hosted git repository.
gosonzhang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-inlong-website.git
The following commit(s) were added to refs/heads/master by this push:
new 4aebf03 [INLONG-1867] Add a users tab to the official website (#207)
4aebf03 is described below
commit 4aebf03b29680dbc49c8dc3abb4783a0b1cbc8d0
Author: bluewang <88...@users.noreply.github.com>
AuthorDate: Thu Dec 2 14:47:52 2021 +0800
[INLONG-1867] Add a users tab to the official website (#207)
---
docusaurus.config.js | 5 ++
i18n/zh-CN/docusaurus-theme-classic/navbar.json | 4 ++
src/pages/users/config.json | 10 ++++
src/pages/users/index.js | 59 ++++++++++++++++++++++++
src/pages/users/index.less | 48 +++++++++++++++++++
static/img/users/brain-logo.png | Bin 0 -> 25349 bytes
static/img/users/data-logo.png | Bin 0 -> 14851 bytes
static/img/users/game-logo.png | Bin 0 -> 11911 bytes
static/img/users/meetting-logo.png | Bin 0 -> 8157 bytes
static/img/users/money-logo.png | Bin 0 -> 20937 bytes
static/img/users/pay-logo.png | Bin 0 -> 50604 bytes
11 files changed, 126 insertions(+)
diff --git a/docusaurus.config.js b/docusaurus.config.js
index ed41721..78a61b4 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -114,6 +114,11 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
position: 'right'
},
{
+ to: '/users',
+ label: 'USERS',
+ position: 'right'
+ },
+ {
label: 'ASF',
position: 'right',
items: [
diff --git a/i18n/zh-CN/docusaurus-theme-classic/navbar.json b/i18n/zh-CN/docusaurus-theme-classic/navbar.json
index ca2d313..cf7b256 100644
--- a/i18n/zh-CN/docusaurus-theme-classic/navbar.json
+++ b/i18n/zh-CN/docusaurus-theme-classic/navbar.json
@@ -27,6 +27,10 @@
"message": "新闻",
"description": "Navbar item with label NEWS"
},
+ "item.label.USERS": {
+ "message": "用户",
+ "description": "Navbar item with label USERS"
+ },
"item.label.ASF": {
"message": "Apache",
"description": "Navbar item with label ASF"
diff --git a/src/pages/users/config.json b/src/pages/users/config.json
new file mode 100644
index 0000000..6d1032b
--- /dev/null
+++ b/src/pages/users/config.json
@@ -0,0 +1,10 @@
+{
+ "zh-CN": {
+ "title": "我们的用户",
+ "content": "此处会列出我们已知的在生产环境使用了Apache InLong 全部或者部分组件的公司或组织。以下排名不分先后:"
+ },
+ "en": {
+ "title": "Our Users",
+ "content": "Various companies and organizations use Apache InLong for research, production and commercial products."
+ }
+}
\ No newline at end of file
diff --git a/src/pages/users/index.js b/src/pages/users/index.js
new file mode 100644
index 0000000..71640d6
--- /dev/null
+++ b/src/pages/users/index.js
@@ -0,0 +1,59 @@
+import React, { useState } from 'react';
+import useIsBrowser from '@docusaurus/useIsBrowser';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import config from "../users/config.json";
+import Layout from '@theme/Layout';
+import './index.less';
+
+export default function() {
+ const isBrowser = useIsBrowser();
+
+ const [p1Animation, setP1Animation] = useState(false);
+ const [p2Animation, setP2Animation] = useState(false);
+
+ const language = isBrowser && location.pathname.indexOf('/zh-CN/') === 0 ? 'zh-CN' : 'en';
+ const dataSource = config?.[language];
+
+ return (
+ <Layout>
+ <div className="users-div"><br/>
+ <div className="users-top-div">
+ <h1>{dataSource.title}</h1>
+ <p>{dataSource.content}</p>
+ </div>
+ <div className="users-middle-div">
+ <div className="middle-div3">
+ <div className="img-div1">
+ <img src="/img/users/data-logo.png" className="img-style img-color" alt="腾讯大数据"/>
+ </div>
+ </div>
+ <div className="middle-div2">
+ <div className="img-div1">
+ <img src="/img/users/game-logo.png" className="img-style img-color" alt="腾讯游戏"/>
+ </div>
+ </div>
+ <div className="middle-div2">
+ <div className="img-div1">
+ <img src="/img/users/pay-logo.png" className="img-style img-color" alt="微信支付"/>
+ </div>
+ </div>
+ <div className="middle-div2">
+ <div className="img-div1">
+ <img src="/img/users/meetting-logo.png" className="img-style img-color" alt="腾讯会议"/>
+ </div>
+ </div>
+ <div className="middle-div2">
+ <div className="img-div1">
+ <img src="/img/users/money-logo.png" className="img-style img-color" alt="财付通"/>
+ </div>
+ </div>
+ <div className="middle-div1">
+ <div className="img-div1">
+ <img src="/img/users/brain-logo.png" className="img-style img-color" alt="平台大脑"/>
+ </div>
+ </div>
+ </div>
+ </div>
+ </Layout>
+ );
+}
diff --git a/src/pages/users/index.less b/src/pages/users/index.less
new file mode 100644
index 0000000..e3a02c9
--- /dev/null
+++ b/src/pages/users/index.less
@@ -0,0 +1,48 @@
+.users-div {
+ width: 50%;
+ height: 960px;
+ margin: 0 auto;
+}
+.users-top-div {
+ margin-left: 240px;
+ width: 800px;
+ text-align: center;
+}
+.users-middle-div {
+ width: 100%;
+ height: 700px;
+}
+
+.middle-div1 {
+ width: 200px;
+ height: 600px;
+ float: left;
+ margin-left: 10px;
+}
+.middle-div2 {
+ width: 200px;
+ height: 600px;
+ float: left;
+ margin-left: 10px;
+}
+.middle-div3 {
+ width: 200px;
+ height: 600px;
+ float: left;
+}
+.img-div1 {
+ border: 1px solid gainsboro;
+ width: 180px;
+ height: 80px;
+ margin: 10px auto;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.img-style {
+ width: 160px;
+ height: 68px;
+}
+.img-color {
+ background: gainsboro;
+}
\ No newline at end of file
diff --git a/static/img/users/brain-logo.png b/static/img/users/brain-logo.png
new file mode 100644
index 0000000..8349748
Binary files /dev/null and b/static/img/users/brain-logo.png differ
diff --git a/static/img/users/data-logo.png b/static/img/users/data-logo.png
new file mode 100644
index 0000000..5b8f745
Binary files /dev/null and b/static/img/users/data-logo.png differ
diff --git a/static/img/users/game-logo.png b/static/img/users/game-logo.png
new file mode 100644
index 0000000..2277d40
Binary files /dev/null and b/static/img/users/game-logo.png differ
diff --git a/static/img/users/meetting-logo.png b/static/img/users/meetting-logo.png
new file mode 100644
index 0000000..edc571f
Binary files /dev/null and b/static/img/users/meetting-logo.png differ
diff --git a/static/img/users/money-logo.png b/static/img/users/money-logo.png
new file mode 100644
index 0000000..4a23cf1
Binary files /dev/null and b/static/img/users/money-logo.png differ
diff --git a/static/img/users/pay-logo.png b/static/img/users/pay-logo.png
new file mode 100644
index 0000000..35640e3
Binary files /dev/null and b/static/img/users/pay-logo.png differ