This is an automated email from the ASF dual-hosted git repository.

czweng pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-paimon-website.git


The following commit(s) were added to refs/heads/master by this push:
     new a46de6b77 Add Who's Using page
a46de6b77 is described below

commit a46de6b7720abff394e59548319b6fb67e8b6633
Author: tsreaper <[email protected]>
AuthorDate: Mon Aug 14 15:01:36 2023 +0800

    Add Who's Using page
---
 main/assets/users/aliyun.png          | Bin 0 -> 33794 bytes
 main/assets/users/autohome.jpg        | Bin 0 -> 2806 bytes
 main/assets/users/babeltime.png       | Bin 0 -> 42763 bytes
 main/assets/users/bilibili.png        | Bin 0 -> 14250 bytes
 main/assets/users/bytedance.jpg       | Bin 0 -> 24766 bytes
 main/assets/users/dustess.png         | Bin 0 -> 105947 bytes
 main/assets/users/highlandhuanyu.jpg  | Bin 0 -> 5408 bytes
 main/assets/users/mihoyo.jpg          | Bin 0 -> 3806 bytes
 main/assets/users/tongchengtravel.png | Bin 0 -> 13609 bytes
 main/assets/users/zhongyuanbank.png   | Bin 0 -> 31158 bytes
 main/assets/users/ziroom.png          | Bin 0 -> 6592 bytes
 main/index.html                       |  62 +------------------------
 main/nav-footer.js                    |  75 ++++++++++++++++++++++++++++++
 main/users.html                       |  83 ++++++++++++++++++++++++++++++++++
 14 files changed, 160 insertions(+), 60 deletions(-)

diff --git a/main/assets/users/aliyun.png b/main/assets/users/aliyun.png
new file mode 100644
index 000000000..5f2ba7eeb
Binary files /dev/null and b/main/assets/users/aliyun.png differ
diff --git a/main/assets/users/autohome.jpg b/main/assets/users/autohome.jpg
new file mode 100644
index 000000000..305086636
Binary files /dev/null and b/main/assets/users/autohome.jpg differ
diff --git a/main/assets/users/babeltime.png b/main/assets/users/babeltime.png
new file mode 100644
index 000000000..11531eac4
Binary files /dev/null and b/main/assets/users/babeltime.png differ
diff --git a/main/assets/users/bilibili.png b/main/assets/users/bilibili.png
new file mode 100644
index 000000000..7ba107796
Binary files /dev/null and b/main/assets/users/bilibili.png differ
diff --git a/main/assets/users/bytedance.jpg b/main/assets/users/bytedance.jpg
new file mode 100644
index 000000000..769305a54
Binary files /dev/null and b/main/assets/users/bytedance.jpg differ
diff --git a/main/assets/users/dustess.png b/main/assets/users/dustess.png
new file mode 100644
index 000000000..e5c01a143
Binary files /dev/null and b/main/assets/users/dustess.png differ
diff --git a/main/assets/users/highlandhuanyu.jpg 
b/main/assets/users/highlandhuanyu.jpg
new file mode 100644
index 000000000..0c449be18
Binary files /dev/null and b/main/assets/users/highlandhuanyu.jpg differ
diff --git a/main/assets/users/mihoyo.jpg b/main/assets/users/mihoyo.jpg
new file mode 100644
index 000000000..eceb2c7ad
Binary files /dev/null and b/main/assets/users/mihoyo.jpg differ
diff --git a/main/assets/users/tongchengtravel.png 
b/main/assets/users/tongchengtravel.png
new file mode 100644
index 000000000..192970235
Binary files /dev/null and b/main/assets/users/tongchengtravel.png differ
diff --git a/main/assets/users/zhongyuanbank.png 
b/main/assets/users/zhongyuanbank.png
new file mode 100644
index 000000000..161417038
Binary files /dev/null and b/main/assets/users/zhongyuanbank.png differ
diff --git a/main/assets/users/ziroom.png b/main/assets/users/ziroom.png
new file mode 100644
index 000000000..0074c6f0c
Binary files /dev/null and b/main/assets/users/ziroom.png differ
diff --git a/main/index.html b/main/index.html
index 9f9ab5900..e0eae782f 100755
--- a/main/index.html
+++ b/main/index.html
@@ -33,41 +33,7 @@ under the License.
 
     <title>Apache Paimon</title>
   </head>
-  <body>
-    <nav class="navbar navbar-expand-lg navbar-dark px-4 py-2 sticky-top 
shadow-sm" style="background: #336699">
-      <a class="navbar-brand" href="#"><img alt="" 
src="assets/paimon_black.svg" width="70%"></a>
-      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 
data-bs-target="#navbarContent" aria-controls="navbarContent" 
aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <div class="collapse navbar-collapse justify-content-end" 
id="navbarContent">
-        <ul class="navbar-nav">
-          <li class="nav-item active px-3">
-            <a class="nav-link" 
href="https://paimon.apache.org/docs/master";>Document</a>
-          </li>
-          <li class="nav-item dropdown px-3">
-            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" 
href="#" role="button" aria-haspopup="true" aria-expanded="false">ASF</a>
-            <div class="dropdown-menu">
-              <a class="dropdown-item" 
href="https://www.apache.org/";>Foundation</a>
-              <a class="dropdown-item" 
href="https://www.apache.org/licenses/";>License</a>
-              <a class="dropdown-item" 
href="https://www.apache.org/events/current-event";>Events</a>
-              <a class="dropdown-item" 
href="https://www.apache.org/security/";>Security</a>
-              <a class="dropdown-item" 
href="https://www.apache.org/foundation/sponsorship.html";>Sponsorship</a>
-              <a class="dropdown-item" 
href="https://www.apache.org/foundation/thanks.html";>Thanks</a>
-            </div>
-          </li>
-          <li class="nav-item active px-3">
-            <a class="nav-link" 
href="https://github.com/apache/incubator-paimon/";>Github</a>
-          </li>
-          <li class="nav-item active px-3">
-            <a class="nav-link" 
href="https://paimon.apache.org/community/how-to-contribute.html";>Community</a>
-          </li>
-          <li class="nav-item active px-3">
-            <a class="nav-link" 
href="https://paimon.apache.org/security.html";>Security</a>
-          </li>
-        </ul>
-      </div>
-    </nav>
-
+  <body class="d-flex flex-column min-vh-100">
     <section class="hero-banner position-relative d-flex align-items-center">
       <div class="bg"></div>
       <div class="container position-relative">
@@ -222,31 +188,7 @@ under the License.
       </div>
     </section>
 
-    <!-- Copyright -->
-    <section style="background-color: rgb(0, 1, 25);">
-      <div class="container pt-4">
-        <div class="row d-flex align-items-center m-1">
-          <div class="col-sm-12 col-lg-3 text-center"><a 
href="https://incubator.apache.org/";><img src="assets/apache-incubator.svg" 
style="max-width: 100%" /></a></div>
-          <div class="col-sm-12 col-lg-9 text-white">
-            <p>
-              Apache Paimon is an effort undergoing incubation at The Apache 
Software Foundation (ASF), sponsored by the Apache Incubator.
-              Incubation is required of all newly accepted projects until a 
further review indicates that the infrastructure, communications,
-              and decision making process have stabilized in a manner 
consistent with other successful ASF projects.
-              While incubation status is not necessarily a reflection of the 
completeness or stability of the code,
-              it does indicate that the project has yet to be fully endorsed 
by the ASF.
-            </p>
-          </div>
-        </div>
-        <hr class="bg-white" />
-        <div class="row mx-1">
-          <div class="col-12 text-center text-white">
-            <p>
-              Copyright &copy; 2023 The Apache Software Foundation. Apache 
Paimon, Paimon, and its feather logo are trademarks of The Apache Software 
Foundation.
-            </p>
-          </div>
-        </div>
-      </div>
-    </section>
+    <script src="nav-footer.js"></script>
 
     <!-- Bootstrap JS -->
     <script src="lib/[email protected]/bootstrap.bundle.min.js"></script>
diff --git a/main/nav-footer.js b/main/nav-footer.js
new file mode 100644
index 000000000..240fad560
--- /dev/null
+++ b/main/nav-footer.js
@@ -0,0 +1,75 @@
+const navHtml = `
+<nav class="navbar navbar-expand-lg navbar-dark px-4 py-2 sticky-top 
shadow-sm" style="background: #336699">
+    <a class="navbar-brand" href="https://paimon.apache.org/";><img alt="" 
src="assets/paimon_black.svg" width="70%"></a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 
data-bs-target="#navbarContent" aria-controls="navbarContent" 
aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse justify-content-end" 
id="navbarContent">
+    <ul class="navbar-nav">
+        <li class="nav-item active px-3">
+            <a class="nav-link" 
href="https://paimon.apache.org/docs/master";>Document</a>
+        </li>
+        <li class="nav-item dropdown px-3">
+            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" 
href="#" role="button" aria-haspopup="true" aria-expanded="false">ASF</a>
+            <div class="dropdown-menu">
+                <a class="dropdown-item" 
href="https://www.apache.org/";>Foundation</a>
+                <a class="dropdown-item" 
href="https://www.apache.org/licenses/";>License</a>
+                <a class="dropdown-item" 
href="https://www.apache.org/events/current-event";>Events</a>
+                <a class="dropdown-item" 
href="https://www.apache.org/security/";>Security</a>
+                <a class="dropdown-item" 
href="https://www.apache.org/foundation/sponsorship.html";>Sponsorship</a>
+                <a class="dropdown-item" 
href="https://www.apache.org/foundation/thanks.html";>Thanks</a>
+            </div>
+        </li>
+        <li class="nav-item active px-3">
+            <a class="nav-link" 
href="https://github.com/apache/incubator-paimon/";>Github</a>
+        </li>
+        <li class="nav-item active px-3">
+            <a class="nav-link" 
href="https://paimon.apache.org/users.html";>Who's Using</a>
+        </li>
+        <li class="nav-item active px-3">
+            <a class="nav-link" 
href="https://paimon.apache.org/community/how-to-contribute.html";>Community</a>
+        </li>
+        <li class="nav-item active px-3">
+            <a class="nav-link" 
href="https://paimon.apache.org/security.html";>Security</a>
+        </li>
+    </ul>
+    </div>
+</nav>
+`;
+
+const footerHtml = `
+<footer class="mt-auto" style="background-color: rgb(0, 1, 25);">
+<div class="container pt-4">
+    <div class="row d-flex align-items-center m-1">
+        <div class="col-sm-12 col-lg-3 text-center"><a 
href="https://incubator.apache.org/";><img src="assets/apache-incubator.svg" 
style="max-width: 100%" /></a></div>
+        <div class="col-sm-12 col-lg-9 text-white">
+            <p>
+            Apache Paimon is an effort undergoing incubation at The Apache 
Software Foundation (ASF), sponsored by the Apache Incubator.
+            Incubation is required of all newly accepted projects until a 
further review indicates that the infrastructure, communications,
+            and decision making process have stabilized in a manner consistent 
with other successful ASF projects.
+            While incubation status is not necessarily a reflection of the 
completeness or stability of the code,
+            it does indicate that the project has yet to be fully endorsed by 
the ASF.
+            </p>
+        </div>
+    </div>
+    <hr class="bg-white" />
+    <div class="row mx-1">
+        <div class="col-12 text-center text-white">
+            <p>
+            Copyright &copy; 2023 The Apache Software Foundation. Apache 
Paimon, Paimon, and its feather logo are trademarks of The Apache Software 
Foundation.
+            </p>
+        </div>
+    </div>
+</div>
+</footer>
+`;
+
+function toHtmlNode(htmlString) {
+    const tmpDiv = document.createElement('div');
+    tmpDiv.innerHTML = htmlString.trim();
+    return tmpDiv.firstChild;
+}
+
+const body = document.getElementsByTagName('body')[0];
+body.insertBefore(toHtmlNode(navHtml), body.firstChild);
+body.insertBefore(toHtmlNode(footerHtml), null);
diff --git a/main/users.html b/main/users.html
new file mode 100644
index 000000000..0bfc957d3
--- /dev/null
+++ b/main/users.html
@@ -0,0 +1,83 @@
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+  http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Bootstrap CSS -->
+    <link href="lib/[email protected]/bootstrap.min.css" rel="stylesheet">
+    <link href="lib/[email protected]/bootstrap-icons.css" 
rel="stylesheet" >
+
+    <!-- Favicon of website  -->
+    <link rel="icon" type="image/x-icon" href="assets/paimon.svg">
+
+    <title>Apache Paimon</title>
+  </head>
+  <body class="d-flex flex-column min-vh-100">
+    <div class="container">
+      <div class="row">
+        <div class="col-12 text-center pt-5 pb-3"><h2>Who's Using</h2></div>
+      </div>
+      <div class="row">
+        <div class="col-12 text-center">
+          <p>
+            Various companies and organizations are using Paimon for 
production and commercial products. <br/>
+            Are you using this project? <a 
href="https://github.com/apache/incubator-paimon/issues/915";>Add your 
company</a>.
+          </p>
+        </div>
+      </div>
+      <div id="user-imgs-row" class="row d-flex align-items-center">
+      </div>
+    </div>
+
+    <script src="nav-footer.js"></script>
+
+    <script type="text/javascript">
+      // to add a user image, first add the image file into assets/users, then 
add the filename to the list below
+      const userImgs = [
+        'aliyun.png',
+        'bytedance.jpg',
+        'bilibili.png',
+        'zhongyuanbank.png',
+        'autohome.jpg',
+        'dustess.png',
+        'babeltime.png',
+        'tongchengtravel.png',
+        'highlandhuanyu.jpg',
+        'mihoyo.jpg',
+        'ziroom.png',
+      ];
+
+      const userImgsRow = document.getElementById('user-imgs-row');
+      for (let userImg of userImgs) {
+        const div = document.createElement('div');
+        div.classList.add('col-6', 'col-md-4', 'col-lg-3', 'col-xl-2', 'py-1', 
'text-center');
+        div.innerHTML = `<img src="assets/users/${userImg}" style="max-width: 
100%" />`;
+        userImgsRow.appendChild(div);
+      }
+    </script>
+
+    <!-- Bootstrap JS -->
+    <script src="lib/[email protected]/bootstrap.bundle.min.js"></script>
+  </body>
+</html>

Reply via email to