This is an automated email from the ASF dual-hosted git repository.
dockerzhang 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 556ab52 [INLONG-1874] Add contact information and common links at the
bottom of the homepage of the official website (#214)
556ab52 is described below
commit 556ab5277bf91397049ebaf0ca0f68987b3b86fa
Author: bluewang <[email protected]>
AuthorDate: Fri Dec 3 18:18:04 2021 +0800
[INLONG-1874] Add contact information and common links at the bottom of the
homepage of the official website (#214)
---
src/pages/Home/index.jsx | 117 ++++++++++++++++++++++++++++++++++++
src/pages/Home/index.less | 40 ++++++++++++
static/img/apache-inlong-wechat.jpg | Bin 0 -> 27875 bytes
3 files changed, 157 insertions(+)
diff --git a/src/pages/Home/index.jsx b/src/pages/Home/index.jsx
index db674ad..20108f0 100644
--- a/src/pages/Home/index.jsx
+++ b/src/pages/Home/index.jsx
@@ -112,6 +112,123 @@ export default function() {
<img className="architecture-img"
src={useBaseUrl('/img/arch-img.png')}></img>
</div>
</section>
+
+ <section className="connect-section" style={{backgroundColor:
'#373740'}}>
+ <div className="content-div">
+ <div className="connect-div">
+ <div className="connect-div-img">
+ <svg t="1638515494456" className="icon" viewBox="0 0 1024 1024"
version="1.1"
+ xmlns="http://www.w3.org/2000/svg"; p-id="14579" width="48"
height="48">
+ <path
+ d="M544 832v128h-128v-128h128zM512 64a288 288 0 0 1 288
288c0 110.336-60.64 203.52-151.648 251.744L640 608c-64 32-96 96-96
160h-128c0-128 96-224 170.848-274.56A160 160 0 1 0 352 352H224a288 288 0 0 1
288-288z"
+ fill="#ffffff" p-id="14580"></path>
+ </svg>
+ </div>
+ {
+ language === 'zh-CN' && <div>
+ <h3>任何问题</h3>
+ <p>
+ 功能请求、提问或报告错误? 随时<a
href="https://the-asf.slack.com/archives/C01QAG6U00L";
target="_blank">打开讨论</a>或者<a
+ href="https://github.com/apache/incubator-inlong/issues";
target="_blank">提交问题</a>。
+ </p>
+ </div>
+ }
+ {
+ language === 'en' && <div>
+ <h3>Any questions</h3>
+ <p>
+ Features request, ask questions or report bugs? Feel free to
<a href="https://the-asf.slack.com/archives/C01QAG6U00L"; target="_blank">open a
discussion</a> or <a
+ href="https://github.com/apache/incubator-inlong/issues";
target="_blank">file a issue</a>.
+ </p>
+ </div>
+ }
+ </div>
+ <div className="connect-div">
+ <div className="connect-div-img">
+ <svg t="1638515632177" className="icon" viewBox="0 0 1024 1024"
version="1.1"
+ xmlns="http://www.w3.org/2000/svg"; p-id="26063" width="48"
height="48">
+ <path
+ d="M872 160h-720A119.84 119.84 0 0 0 32 279.36v464A119.84
119.84 0 0 0 152 864h720a120 120 0 0 0 120-120.48v-464A120 120 0 0 0 872
160zM928 743.52A56 56 0 0 1 872 800h-720A56 56 0 0 1 96 743.52v-464A56 56 0 0 1
152 224h720a56 56 0 0 1 56 55.36z"
+ fill="#ffffff" p-id="26064"></path>
+ <path
+ d="M832 375.52L512 582.24 192 375.52a32 32 0 1 0-34.56
53.92l337.28 217.76a31.04 31.04 0 0 0 17.28 5.12 30.72 30.72 0 0 0
17.28-5.12l338.08-217.76A32 32 0 0 0 832 375.52z"
+ fill="#ffffff" p-id="26065"></path>
+ </svg>
+ </div>
+ {
+ language === 'zh-CN' && <div>
+ <h3>加入Slack Workspace</h3>
+ <p>
+ 将“请求加入 Apache InLong”邮件发送到邮箱<a
href="mailto:[email protected]";>[email protected]</a> , 我们将邀请您加入。
+ </p>
+ </div>
+ }
+ {
+ language === 'en' && <div>
+ <h3>Join our slack workspace</h3>
+ <p>
+ Send ‘Request to join Apache InLong’ mail to the mail list
<a href="mailto:[email protected]";>[email protected]</a> , we will
invite you in.
+ </p>
+ </div>
+ }
+ </div>
+ <div className="connect-div">
+ <div className="connect-div-img">
+ <svg t="1638514162507" className="icon" viewBox="0 0 1024 1024"
version="1.1"
+ xmlns="http://www.w3.org/2000/svg"; p-id="2762"
data-spm-anchor-id="a313x.7781069.0.i3" width="48"
+ height="48">
+ <path
+ d="M512 12.64c-282.752 0-512 229.216-512 512 0 226.208
146.72 418.144 350.144 485.824 25.6 4.736 35.008-11.104 35.008-24.64
0-12.192-0.48-52.544-0.704-95.328-142.464
30.976-172.512-60.416-172.512-60.416-23.296-59.168-56.832-74.912-56.832-74.912-46.464-31.776
3.52-31.136 3.52-31.136 51.392 3.616 78.464 52.768 78.464 52.768 45.664 78.272
119.776 55.648 148.992 42.56 4.576-33.088 17.856-55.68
32.512-68.48-113.728-12.928-233.28-56.864-233.28-253.024 0-55.904 20-101.568 52
[...]
+ p-id="2763" fill="#ffffff"></path>
+ </svg>
+ </div>
+ {
+ language === 'zh-CN' && <div>
+ <h3>欢迎贡献</h3>
+ <p>
+ 欢迎大家可以随时创建 <a
href="https://github.com/apache/incubator-inlong"; target="_blank">Pull
Request</a> 贡献自己的代码。
+ </p>
+ </div>
+ }
+ {
+ language === 'en' && <div>
+ <h3>Contributions welcome</h3>
+ <p>
+ Everyone is welcome to create <a
href="https://github.com/apache/incubator-inlong"; target="_blank">Pull
Request</a> and contribute their own code at any time!
+ </p>
+ </div>
+ }
+
+ </div>
+ <div className="connect-div">
+ <div className="connect-div-img">
+ <svg t="1638515814626" className="icon" viewBox="0 0 1024 1024"
version="1.1"
+ xmlns="http://www.w3.org/2000/svg"; p-id="34514" width="48"
height="48">
+ <path
+ d="M679.68 360.107a284.16 284.16 0 0 1 32 1.92C682.667
227.84 539.52 128 375.68 128 192 128 42.667 253.013 42.667 411.52c0 91.52 49.92
166.613 133.333 224.853L142.72 736.64l116.48-58.453a569.813 569.813 0 0 0
116.693 16.64c10.454 0 21.334 0 31.147-1.28a248.32 248.32 0 0
1-10.24-69.76c0-145.494 125.013-263.68 283.093-263.68zM498.347 263.04a51.413
51.413 0 1 1-51.414 51.413 51.413 51.413 0 0 1 51.414-51.413zM265.173
367.147a51.413 51.413 0 1 1 51.414-51.414 51.413 51.41 [...]
+ p-id="34515" fill="#ffffff"></path>
+ </svg>
+ </div>
+ {
+ language === 'zh-CN' && <div>
+ <h3>微信互动</h3>
+ <p>
+ 欢迎大家关注微信公众号 <a
href="https://github.com/apache/incubator-inlong-website/blob/master/static/img/apache-inlong-wechat.jpg";
target="_blank">Apache InLong</a> 。
+ </p>
+ </div>
+ }
+ {
+ language === 'en' && <div>
+ <h3>Follow us on WeChat</h3>
+ <p>
+ Welcome everyone to follow the WeChat public account <a
href="https://github.com/apache/incubator-inlong-website/blob/master/static/img/apache-inlong-wechat.jpg";
target="_blank">Apache InLong</a> .
+ </p>
+ </div>
+ }
+ </div>
+ </div>
+ </section>
+
</div>
);
}
diff --git a/src/pages/Home/index.less b/src/pages/Home/index.less
index 1d34025..1d07ee2 100644
--- a/src/pages/Home/index.less
+++ b/src/pages/Home/index.less
@@ -498,4 +498,44 @@
.architecture-img {
width: 100%;
}
+
+ .connect-section {
+ box-sizing: border-box;
+ position: relative;
+ padding: 80px 10%;
+ background-size: cover;
+ //background: #373740;
+ color: white;
+ margin: 0 auto;
+
+ .content-div {
+ //background: dodgerblue;
+ width: 100%;
+ height: 280px;
+ margin: 0 auto;
+
+ .connect-div{
+ width: 24.5%;
+ height: auto;
+ float: left;
+ text-align: center;
+ margin: 0 auto;
+
+ .connect-div-img {
+ width: 100%;
+ height: 100px;
+ margin: 0 auto;
+ }
+
+ h3 {
+ margin-top: 20px;
+ font-size: 1vw;
+ }
+
+ }
+
+ }
+
+ }
+
}
diff --git a/static/img/apache-inlong-wechat.jpg
b/static/img/apache-inlong-wechat.jpg
new file mode 100644
index 0000000..dd2446d
Binary files /dev/null and b/static/img/apache-inlong-wechat.jpg differ
![https://github.com/apache/incubator-inlong-website/blob/master/static/img/apache-inlong-wechat.jpg"](https://github.com/apache/incubator-inlong-website/blob/master/static/img/apache-inlong-wechat.jpg"){kind=link}