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 5ec8dbfcec Copy nav and footer into static html to pass Apache whimsy 
check
5ec8dbfcec is described below

commit 5ec8dbfcec27633fbcb36b8690ad41e9dd052bc1
Author: tsreaper <[email protected]>
AuthorDate: Thu Feb 29 12:27:22 2024 +0800

    Copy nav and footer into static html to pass Apache whimsy check
---
 .github/workflows/build.yml  |  7 ++--
 .gitignore                   |  3 +-
 main/assets/paimon_black.svg | 10 ++++--
 main/assets/paimon_blue.svg  | 10 ++++--
 main/assets/paimon_white.svg | 10 ++++--
 main/build.py                | 27 ++++++++++++++
 main/index.html              | 19 +++++-----
 main/nav-footer.js           | 85 --------------------------------------------
 main/security.html           | 12 ++++---
 main/team.html               | 11 ++++--
 main/template/footer.html    | 28 +++++++++++++++
 main/template/nav.html       | 51 ++++++++++++++++++++++++++
 main/users.html              |  7 ++--
 13 files changed, 167 insertions(+), 113 deletions(-)

diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index c1b028818c..1cbe577182 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -67,9 +67,12 @@ jobs:
           cp -r target/* "$current_dir"
           cd "$current_dir"
       
-      - name: Move out main site
+      - name: Build and move out main site
         run: |
-          mv main/* .
+          cd main
+          python build.py
+          cd ..
+          mv main/target/* .
           rm -rf main
 
       - name: Clone Paimon repo
diff --git a/.gitignore b/.gitignore
index 1f1025f23b..69de43c23f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 .idea
-.DS_Store
\ No newline at end of file
+.DS_Store
+target
diff --git a/main/assets/paimon_black.svg b/main/assets/paimon_black.svg
index dc7280e4ee..4d1a1ddf85 100644
--- a/main/assets/paimon_black.svg
+++ b/main/assets/paimon_black.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="_图层_2" data-name="图层 2" xmlns="http://www.w3.org/2000/svg"; viewBox="0 
0 1072.43 277.75">
+<svg id="_图层_2" data-name="图层 2" xmlns="http://www.w3.org/2000/svg"; viewBox="0 
0 1100 277.75">
   <defs>
     <style>
       .cls-1 {
@@ -31,12 +31,16 @@
       .cls-7 {
         letter-spacing: -.03em;
       }
+
+      .cls-tm {
+        font-size: 50px;
+      }
     </style>
   </defs>
   <g id="_图层_1-2" data-name="图层 1">
     <g>
       <g>
-        <text class="cls-6" transform="translate(343.94 170.62)"><tspan 
class="cls-4" x="0" y="0">A</tspan><tspan class="cls-3" x="59.12" y="0">pache 
</tspan><tspan class="cls-7" x="343.6" y="0">P</tspan><tspan class="cls-2" 
x="404.73" y="0">aimon</tspan></text>
+        <text class="cls-6" transform="translate(343.94 170.62)"><tspan 
class="cls-4" x="0" y="0">A</tspan><tspan class="cls-3" x="59.12" y="0">pache 
</tspan><tspan class="cls-7" x="343.6" y="0">P</tspan><tspan class="cls-2" 
x="404.73" y="0">aimon</tspan><tspan class="cls-tm" x="680" 
y="-50">TM</tspan></text>
         <g>
           <path class="cls-5" 
d="m343.94,76.12l-50.19,14.1c.47.94.92,1.89,1.36,2.84l48.83-16.94Z"/>
           <path class="cls-5" 
d="m99.32,200.04l-12.62,25.69h-50.11l22.99,4.72c7.55,1.55,14.28,5.8,18.93,11.96l20.16-23.6c3.71-4.16,7.5-8.23,11.36-12.24-2.97-3.76-5.69-7.71-8.15-11.84-.86,1.74-1.72,3.51-2.56,5.31Z"/>
@@ -44,7 +48,7 @@
           <path class="cls-5" 
d="m268.95,102.14c-60.11,22.53-114.4,58.22-158.92,104.43,20.02,25.34,51.02,41.61,85.82,41.61,60.37,0,109.3-48.94,109.3-109.3,0-16.36-3.6-31.88-10.04-45.81l-26.17,9.08Z"/>
         </g>
       </g>
-      <rect class="cls-1" width="1072.43" height="277.75"/>
+      <rect class="cls-1" width="1100" height="277.75"/>
     </g>
   </g>
 </svg>
\ No newline at end of file
diff --git a/main/assets/paimon_blue.svg b/main/assets/paimon_blue.svg
index 20653d117d..a2062c4396 100644
--- a/main/assets/paimon_blue.svg
+++ b/main/assets/paimon_blue.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="_图层_2" data-name="图层 2" xmlns="http://www.w3.org/2000/svg"; viewBox="0 
0 1072.43 277.75">
+<svg id="_图层_2" data-name="图层 2" xmlns="http://www.w3.org/2000/svg"; viewBox="0 
0 1100 277.75">
   <defs>
     <style>
       .cls-1 {
@@ -32,12 +32,16 @@
         font-size: 100.48px;
         font-weight: 500;
       }
+
+      .cls-tm {
+        font-size: 50px;
+      }
     </style>
   </defs>
   <g id="_图层_1-2" data-name="图层 1">
     <g>
       <g>
-        <text class="cls-7" transform="translate(344.06 168.95)"><tspan 
class="cls-4" x="0" y="0">A</tspan><tspan class="cls-3" x="59.12" y="0">pache 
</tspan><tspan class="cls-6" x="343.6" y="0">P</tspan><tspan class="cls-2" 
x="404.73" y="0">aimon</tspan></text>
+        <text class="cls-7" transform="translate(344.06 168.95)"><tspan 
class="cls-4" x="0" y="0">A</tspan><tspan class="cls-3" x="59.12" y="0">pache 
</tspan><tspan class="cls-6" x="343.6" y="0">P</tspan><tspan class="cls-2" 
x="404.73" y="0">aimon</tspan><tspan class="cls-tm" x="680" 
y="-50">TM</tspan></text>
         <g>
           <path class="cls-5" 
d="m344.06,74.45l-50.19,14.1c.47.94.92,1.89,1.36,2.84l48.83-16.94Z"/>
           <path class="cls-5" 
d="m99.44,198.37l-12.62,25.69h-50.11l22.99,4.72c7.55,1.55,14.28,5.8,18.93,11.96l20.16-23.6c3.71-4.16,7.5-8.23,11.36-12.24-2.97-3.76-5.69-7.71-8.15-11.84-.86,1.74-1.72,3.51-2.56,5.31Z"/>
@@ -45,7 +49,7 @@
           <path class="cls-5" 
d="m269.07,100.47c-60.11,22.53-114.4,58.22-158.92,104.43,20.02,25.34,51.02,41.61,85.82,41.61,60.37,0,109.3-48.94,109.3-109.3,0-16.36-3.6-31.88-10.04-45.81l-26.17,9.08Z"/>
         </g>
       </g>
-      <rect class="cls-1" width="1072.43" height="277.75"/>
+      <rect class="cls-1" width="1100" height="277.75"/>
     </g>
   </g>
 </svg>
\ No newline at end of file
diff --git a/main/assets/paimon_white.svg b/main/assets/paimon_white.svg
index 7172a4a265..98ef4b312e 100644
--- a/main/assets/paimon_white.svg
+++ b/main/assets/paimon_white.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="_图层_2" data-name="图层 2" xmlns="http://www.w3.org/2000/svg"; viewBox="0 
0 1072.43 277.75">
+<svg id="_图层_2" data-name="图层 2" xmlns="http://www.w3.org/2000/svg"; viewBox="0 
0 1100 277.75">
   <defs>
     <style>
       .cls-1 {
@@ -32,18 +32,22 @@
         font-size: 100.48px;
         font-weight: 500;
       }
+
+      .cls-tm {
+        font-size: 50px;
+      }
     </style>
   </defs>
   <g id="_图层_1-2" data-name="图层 1">
     <g>
-      <text class="cls-7" transform="translate(343.94 170.62)"><tspan 
class="cls-4" x="0" y="0">A</tspan><tspan class="cls-3" x="59.12" y="0">pache 
</tspan><tspan class="cls-6" x="343.6" y="0">P</tspan><tspan class="cls-2" 
x="404.73" y="0">aimon</tspan></text>
+      <text class="cls-7" transform="translate(343.94 170.62)"><tspan 
class="cls-4" x="0" y="0">A</tspan><tspan class="cls-3" x="59.12" y="0">pache 
</tspan><tspan class="cls-6" x="343.6" y="0">P</tspan><tspan class="cls-2" 
x="404.73" y="0">aimon</tspan><tspan class="cls-tm" x="680" 
y="-50">TM</tspan></text>
       <g>
         <path class="cls-5" 
d="m343.94,76.12l-50.19,14.1c.47.94.92,1.89,1.36,2.84l48.83-16.94Z"/>
         <path class="cls-5" 
d="m99.32,200.04l-12.62,25.69h-50.11l22.99,4.72c7.55,1.55,14.28,5.8,18.93,11.96l20.16-23.6c3.71-4.16,7.5-8.23,11.36-12.24-2.97-3.76-5.69-7.71-8.15-11.84-.86,1.74-1.72,3.51-2.56,5.31Z"/>
         <path class="cls-5" 
d="m142.18,140.85c-3.51-10.04-11.49-18.15-21.95-21.65l-12.74-4.26h80.4c19.85-7.47,43.6-13.02,72.56-17.39l19.6-3.48,13.7-3.85c-17.9-35.95-55.01-60.65-97.9-60.65-60.37,0-109.3,48.94-109.3,109.3,0,20.41,5.6,39.51,15.34,55.85,11.13-22.5,23.81-40.04,40.29-53.88Z"/>
         <path class="cls-5" 
d="m268.95,102.14c-60.11,22.53-114.4,58.22-158.92,104.43,20.02,25.34,51.02,41.61,85.82,41.61,60.37,0,109.3-48.94,109.3-109.3,0-16.36-3.6-31.88-10.04-45.81l-26.17,9.08Z"/>
       </g>
-      <rect class="cls-1" width="1072.43" height="277.75"/>
+      <rect class="cls-1" width="1100" height="277.75"/>
     </g>
   </g>
 </svg>
\ No newline at end of file
diff --git a/main/build.py b/main/build.py
new file mode 100644
index 0000000000..4a9bf077a0
--- /dev/null
+++ b/main/build.py
@@ -0,0 +1,27 @@
+import time, os, shutil, glob
+
+TMP_DIR = '/tmp/paimon-main-website-build-' + str(round(time.time() * 1000))
+
+if os.path.exists('target'):
+    shutil.rmtree('target')
+shutil.copytree('.', TMP_DIR)
+
+templates = {}
+for filename in glob.glob(TMP_DIR + '/template/*.html'):
+    with open(filename, 'r') as f:
+        content = ''.join(f.readlines())
+    key = filename.split('/')[-1].split('.')[0]
+    templates[key] = content
+
+for filename in glob.glob(TMP_DIR + '/*.html'):
+    with open(filename, 'r') as f:
+        content = ''.join(f.readlines())
+    for key, val in templates.items():
+        content = content.replace('<!-- template: %s -->' % key, val)
+    os.remove(filename)
+    with open(filename, 'w') as f:
+        f.write(content)
+
+os.remove(TMP_DIR + '/build.py')
+shutil.rmtree(TMP_DIR + '/template')
+shutil.move(TMP_DIR, 'target')
diff --git a/main/index.html b/main/index.html
index 490fa27648..f348d6f3a9 100755
--- a/main/index.html
+++ b/main/index.html
@@ -31,16 +31,19 @@ under the License.
     <!-- Favicon of website  -->
     <link rel="icon" type="image/x-icon" href="assets/paimon.svg">
 
-    <title>Apache Paimon</title>
+    <title>Apache Paimon&trade;</title>
   </head>
   <body class="d-flex flex-column min-vh-100">
+
+    <!-- template: nav -->
+
     <section class="hero-banner position-relative d-flex align-items-center">
       <div class="bg"></div>
       <div class="container position-relative">
         <div class="py-xs-2 py-sm-3 py-md-4 py-xxl-5">
           <div class="row py-5">
-            <div class="col-xl-6 col-lg-8">
-              <h1 class="fw-bold lh-1 pb-5 hero-title" style="color: 
#ffffff;">Apache Paimon <sup><span class="badge rounded-pill bg-primary" 
style="font-size: .25em">Incubating</span></sup></h1>
+            <div class="col-xl-7 col-lg-9">
+              <h1 class="fw-bold lh-1 pb-5 hero-title" style="color: 
#ffffff;">Apache Paimon&trade; <sup><span class="badge rounded-pill bg-primary" 
style="font-size: .25em">Incubating</span></sup></h1>
               <p class="lead pb-5 fs-4" style="color: #ffffff;">Streaming data 
lake platform with high-speed data ingestion, changelog tracking and efficient 
real-time analytics.</p>
               <div class="d-grid gap-2 d-md-flex justify-content-md-start">
                 <a role="button" class="btn btn-info btn-lg dropdown-toggle 
px-5 m-1" href="#" role="button" id="getStartedLink" data-bs-toggle="dropdown" 
aria-haspopup="true" aria-expanded="false">
@@ -91,7 +94,7 @@ under the License.
                 <h2><i class="bi bi-water"></i></h2>
                 <h5>Data Lake Capabilities</h5>
               </div>
-              <div class="py-3">Low cost, high reliability, scalable metadata. 
Apache Paimon has every advantage as a data lake storage.</div>
+              <div class="py-3">Low cost, high reliability, scalable metadata. 
Apache Paimon&trade; has every advantage as a data lake storage.</div>
             </div>
           </div>
           <div class="card shadow col-md-10 col-lg-5 m-3">
@@ -109,7 +112,7 @@ under the License.
                 <h2><i class="bi bi-clipboard2-pulse"></i></h2>
                 <h5>Changelog Producing</h5>
               </div>
-              <div class="py-3">Apache Paimon can produce correct and complete 
changelog from any data source, simplifying your streaming analytics.</div>
+              <div class="py-3">Apache Paimon&trade; can produce correct and 
complete changelog from any data source, simplifying your streaming 
analytics.</div>
             </div>
           </div>
           <div class="card shadow col-md-10 col-lg-5 m-3">
@@ -118,7 +121,7 @@ under the License.
                 <h2><i class="bi bi-table"></i></h2>
                 <h5>Rich Table Types</h5>
               </div>
-              <div class="py-3">Aside from primary-key tables, Apache Paimon 
also supports append-only table, providing orderly streaming reading to replace 
the message queue.</div>
+              <div class="py-3">Aside from primary-key tables, Apache 
Paimon&trade; also supports append-only table, providing orderly streaming 
reading to replace the message queue.</div>
             </div>
           </div>
           <div class="card shadow col-md-10 col-lg-5 m-3">
@@ -127,7 +130,7 @@ under the License.
                 <h2><i class="bi bi-grid-1x2"></i></h2>
                 <h5>Schema Evolution</h5>
               </div>
-              <div class="py-3">Apache Paimon supports full schema evolution. 
You can rename and reorder columns.</div>
+              <div class="py-3">Apache Paimon&trade; supports full schema 
evolution. You can rename and reorder columns.</div>
             </div>
           </div>
         </div>
@@ -189,7 +192,7 @@ under the License.
       </div>
     </section>
 
-    <script src="nav-footer.js"></script>
+    <!-- template: footer -->
 
     <!-- Bootstrap JS -->
     <script src="lib/[email protected]/bootstrap.bundle.min.js"></script>
diff --git a/main/nav-footer.js b/main/nav-footer.js
deleted file mode 100644
index a46f09c0c0..0000000000
--- a/main/nav-footer.js
+++ /dev/null
@@ -1,85 +0,0 @@
-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 active px-3">
-            <a class="nav-link" 
href="https://paimon.apache.org/downloads.html";>Downloads</a>
-        </li>
-        <li class="nav-item active px-3">
-            <a class="nav-link" 
href="https://paimon.apache.org/release-0.6.html";>Releases</a>
-        </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 dropdown px-3">
-            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" 
href="#" role="button" aria-haspopup="true" aria-expanded="false">Community</a>
-            <div class="dropdown-menu">
-                <a class="dropdown-item" 
href="https://paimon.apache.org/docs/master/project/contributing/";>How to 
Contribute</a>
-                <a class="dropdown-item" 
href="https://paimon.apache.org/team.html";>Team</a>
-            </div>
-        </li>
-        <li class="nav-item active px-3">
-            <a class="nav-link" 
href="https://paimon.apache.org/security.html";>Security</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>
-    </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/security.html b/main/security.html
index a56bc376e4..ff19de0fae 100644
--- a/main/security.html
+++ b/main/security.html
@@ -31,15 +31,18 @@ under the License.
     <!-- Favicon of website  -->
     <link rel="icon" type="image/x-icon" href="assets/paimon.svg">
 
-    <title>Apache Paimon</title>
+    <title>Apache Paimon&trade;</title>
   </head>
   <body class="d-flex flex-column min-vh-100">
+
+    <!-- template: nav -->
+
     <div class="container">
       <div class="row">
         <div class="col-12 text-center pt-5 pb-3">
-          <h2>Apache Paimon Security</h2>
+          <h2>Apache Paimon&trade; Security</h2>
           <br>
-          <p>If you have apprehensions regarding Paimon's security or you 
discover vulnerability or potential threat, don’t hesitate to get in touch with 
the Apache Security Team by dropping a mail at [email protected]. In the 
mail, specify the project name Paimon with the description of the issue or 
potential threat. You are also urged to recommend the way to reproduce and 
replicate the issue. The security team and the Paimon community will get back 
to you after assessing and analysin [...]
+          <p>If you have apprehensions regarding Paimon's security or you 
discover vulnerability or potential threat, don't hesitate to get in touch with 
the Apache Security Team by dropping a mail at [email protected]. In the 
mail, specify the project name Paimon with the description of the issue or 
potential threat. You are also urged to recommend the way to reproduce and 
replicate the issue. The security team and the Paimon community will get back 
to you after assessing and analysin [...]
           <p>PLEASE PAY ATTENTION to report the security issue on the security 
email before disclosing it on public domain.</p>
         </div>
       </div>
@@ -47,7 +50,8 @@ under the License.
       </div>
     </div>
 
-    <script src="nav-footer.js"></script>
+    <!-- template: footer -->
+
     <!-- Bootstrap JS -->
     <script src="lib/[email protected]/bootstrap.bundle.min.js"></script>
   </body>
diff --git a/main/team.html b/main/team.html
index 6a56c3cee0..369424a696 100644
--- a/main/team.html
+++ b/main/team.html
@@ -31,9 +31,12 @@ under the License.
     <!-- Favicon of website  -->
     <link rel="icon" type="image/x-icon" href="assets/paimon.svg">
 
-    <title>Apache Paimon</title>
+    <title>Apache Paimon&trade;</title>
   </head>
   <body class="d-flex flex-column min-vh-100">
+
+    <!-- template: nav -->
+
     <div class="container">
 
       <div class="row pt-5 pb-5">
@@ -116,6 +119,8 @@ under the License.
                 <td class="github-profile ghid-41894543">Junhao Ye</td>
                 <td class="github-profile ghid-10036681">Bi Yan</td>
                 <td class="github-profile ghid-26704332">Guojun Li</td>
+                <td class="github-profile ghid-9486140">WenJun Min</td>
+                <td class="github-profile ghid-37108074">Xinyu Zou</td>
               </tr>
               <tr>
                 <td>Chong Zhuang</td>
@@ -131,9 +136,11 @@ under the License.
 
     </div>
 
-    <script src="nav-footer.js"></script>
+    <!-- template: footer -->
+
     <!-- Bootstrap JS -->
     <script src="lib/[email protected]/bootstrap.bundle.min.js"></script>
+
     <script type="application/javascript">
       let profiles = document.getElementsByClassName('github-profile');
       for (let profile of profiles) {
diff --git a/main/template/footer.html b/main/template/footer.html
new file mode 100644
index 0000000000..106997f8c8
--- /dev/null
+++ b/main/template/footer.html
@@ -0,0 +1,28 @@
+<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>
diff --git a/main/template/nav.html b/main/template/nav.html
new file mode 100644
index 0000000000..8a54668108
--- /dev/null
+++ b/main/template/nav.html
@@ -0,0 +1,51 @@
+<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_white.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 active px-3">
+        <a class="nav-link" 
href="https://paimon.apache.org/downloads.html";>Downloads</a>
+      </li>
+      <li class="nav-item active px-3">
+        <a class="nav-link" 
href="https://paimon.apache.org/release-0.6.html";>Releases</a>
+      </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 dropdown px-3">
+        <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" 
role="button" aria-haspopup="true"
+          aria-expanded="false">Community</a>
+        <div class="dropdown-menu">
+          <a class="dropdown-item" 
href="https://paimon.apache.org/docs/master/project/contributing/";>How to
+            Contribute</a>
+          <a class="dropdown-item" 
href="https://paimon.apache.org/team.html";>Team</a>
+        </div>
+      </li>
+      <li class="nav-item active px-3">
+        <a class="nav-link" 
href="https://paimon.apache.org/security.html";>Security</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>
+          <a class="dropdown-item" 
href="https://privacy.apache.org/policies/privacy-policy-public.html";>Privacy</a>
+        </div>
+      </li>
+    </ul>
+  </div>
+</nav>
diff --git a/main/users.html b/main/users.html
index 6a99ef3a9e..af57754bae 100644
--- a/main/users.html
+++ b/main/users.html
@@ -31,9 +31,12 @@ under the License.
     <!-- Favicon of website  -->
     <link rel="icon" type="image/x-icon" href="assets/paimon.svg">
 
-    <title>Apache Paimon</title>
+    <title>Apache Paimon&trade;</title>
   </head>
   <body class="d-flex flex-column min-vh-100">
+
+    <!-- template: nav -->
+
     <div class="container">
       <div class="row">
         <div class="col-12 text-center pt-5 pb-3"><h2>Who's Using</h2></div>
@@ -50,7 +53,7 @@ under the License.
       </div>
     </div>
 
-    <script src="nav-footer.js"></script>
+    <!-- template: footer -->
 
     <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

Reply via email to