This is an automated email from the ASF dual-hosted git repository.
JingsongLi pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/paimon.git
The following commit(s) were added to refs/heads/master by this push:
new 57e08b15d3 [doc] Optimize main page
57e08b15d3 is described below
commit 57e08b15d33029804cff24f3d4b0d680205e918d
Author: JingsongLi <[email protected]>
AuthorDate: Sun May 24 20:18:40 2026 +0800
[doc] Optimize main page
---
docs/docs/index.mdx | 95 +++++++++++++++++----------------
docs/src/css/custom.css | 137 ++++++++++++++++++++++++++++--------------------
2 files changed, 126 insertions(+), 106 deletions(-)
diff --git a/docs/docs/index.mdx b/docs/docs/index.mdx
index f58286a107..921627555f 100644
--- a/docs/docs/index.mdx
+++ b/docs/docs/index.mdx
@@ -32,7 +32,13 @@ Data Lake Platform — unified batch, streaming, and
multimodal AI in a single l
</p>
</div>
-<div className="card-grid">
+<div className="feature-columns">
+
+<div className="feature-column">
+<div className="feature-column-header feature-analytics-header">
+<div className="feature-column-title">📊 Large-Scale Analytics</div>
+<div className="feature-column-desc">Petabyte-scale tables with time travel,
fast scan planning, schema evolution, and incremental clustering.</div>
+</div>
<a className="nav-card" href="concepts/">
<div className="nav-card-icon">📖</div>
@@ -42,14 +48,6 @@ Data Lake Platform — unified batch, streaming, and
multimodal AI in a single l
</div>
</a>
-<a className="nav-card" href="primary-key-table/">
- <div className="nav-card-icon">🔑</div>
- <div className="nav-card-body">
- <h3>Table with PK</h3>
- <p>Merge engines, changelog producers, compaction, and streaming
updates</p>
- </div>
-</a>
-
<a className="nav-card" href="append-table/">
<div className="nav-card-icon">📋</div>
<div className="nav-card-body">
@@ -58,6 +56,30 @@ Data Lake Platform — unified batch, streaming, and
multimodal AI in a single l
</div>
</a>
+<a className="nav-card" href="maintenance/configurations">
+ <div className="nav-card-icon">⚙️</div>
+ <div className="nav-card-body">
+ <h3>Maintenance</h3>
+ <p>Configuration, snapshots, tags, metrics, and performance tuning</p>
+ </div>
+</a>
+
+</div>
+
+<div className="feature-column">
+<div className="feature-column-header feature-streaming-header">
+<div className="feature-column-title">⚡ Realtime Streaming</div>
+<div className="feature-column-desc">LSM-powered streaming updates with
multiple merge engines and changelog producers.</div>
+</div>
+
+<a className="nav-card" href="primary-key-table/">
+ <div className="nav-card-icon">🔑</div>
+ <div className="nav-card-body">
+ <h3>Table with PK</h3>
+ <p>Merge engines, changelog producers, compaction, and streaming
updates</p>
+ </div>
+</a>
+
<a className="nav-card" href="flink/quick-start">
<div className="nav-card-icon">⚡</div>
<div className="nav-card-body">
@@ -66,6 +88,22 @@ Data Lake Platform — unified batch, streaming, and
multimodal AI in a single l
</div>
</a>
+<a className="nav-card" href="cdc-ingestion/">
+ <div className="nav-card-icon">🔄</div>
+ <div className="nav-card-body">
+ <h3>CDC Ingestion</h3>
+ <p>MySQL, PostgreSQL, Kafka, MongoDB, Pulsar CDC pipelines</p>
+ </div>
+</a>
+
+</div>
+
+<div className="feature-column">
+<div className="feature-column-header feature-ai-header">
+<div className="feature-column-title">🧠 Multimodal AI</div>
+<div className="feature-column-desc">Vector search, full-text search, blob
tables, and native Python SDK for ML pipelines.</div>
+</div>
+
<a className="nav-card" href="spark/quick-start">
<div className="nav-card-icon">✨</div>
<div className="nav-card-body">
@@ -90,45 +128,6 @@ Data Lake Platform — unified batch, streaming, and
multimodal AI in a single l
</div>
</a>
-<a className="nav-card" href="cdc-ingestion/">
- <div className="nav-card-icon">🔄</div>
- <div className="nav-card-body">
- <h3>CDC Ingestion</h3>
- <p>MySQL, PostgreSQL, Kafka, MongoDB, Pulsar CDC pipelines</p>
- </div>
-</a>
-
-<a className="nav-card" href="maintenance/configurations">
- <div className="nav-card-icon">⚙️</div>
- <div className="nav-card-body">
- <h3>Maintenance</h3>
- <p>Configuration, snapshots, tags, metrics, and performance tuning</p>
- </div>
-</a>
-
</div>
----
-
-## Why Paimon?
-
-<div className="feature-grid">
-<div className="feature-item">
-
-### Large-Scale Analytics
-Petabyte-scale tables with time travel, fast scan planning, schema evolution,
and incremental clustering.
-
-</div>
-<div className="feature-item">
-
-### Realtime Streaming
-LSM-powered streaming updates with multiple merge engines (Deduplicate,
Partial Update, Aggregation) and changelog producers.
-
-</div>
-<div className="feature-item">
-
-### Multimodal AI
-Store images, videos, embeddings in blob tables. Vector search (DiskANN),
full-text search, and native Python SDK for ML pipelines.
-
-</div>
</div>
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index 0ce3c6a3d1..618ae52f39 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -28,52 +28,104 @@
/* ===== Hero Section ===== */
.hero-section {
text-align: center;
- padding: 0 1rem 1.5rem;
- margin-bottom: 1.5rem;
- border-bottom: 1px solid var(--ifm-color-emphasis-200);
+ padding: 0.75rem 1rem 1rem;
+ margin-bottom: 0;
}
.hero-section h1 {
- font-size: 2.5rem;
- margin-bottom: 0.5rem;
+ font-size: 2.2rem;
+ margin-bottom: 0.4rem;
background: linear-gradient(135deg, var(--ifm-color-primary), #7c3aed);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
+ letter-spacing: -0.02em;
}
.hero-subtitle {
- font-size: 1.15rem;
- color: var(--ifm-color-emphasis-700);
- max-width: 600px;
+ font-size: 1.05rem;
+ color: var(--ifm-color-emphasis-600);
+ max-width: 640px;
margin: 0 auto;
+ line-height: 1.5;
}
-/* ===== Navigation Cards ===== */
-.card-grid {
+/* ===== Feature Columns ===== */
+.feature-columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
- gap: 1rem;
- margin: 1.5rem 0;
+ gap: 1.25rem;
+ margin: 0;
+ padding: 0 0.5rem;
}
@media (max-width: 996px) {
- .card-grid {
- grid-template-columns: repeat(2, 1fr);
+ .feature-columns {
+ grid-template-columns: 1fr;
}
}
-@media (max-width: 576px) {
- .card-grid {
- grid-template-columns: 1fr;
- }
+.feature-column {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
}
+.feature-column-header {
+ padding: 0.75rem 0.85rem;
+ border-radius: 8px;
+ margin-bottom: 0.25rem;
+}
+
+.feature-column-title {
+ font-size: 1rem;
+ font-weight: 700;
+ margin-bottom: 0.4rem;
+}
+
+.feature-column-desc {
+ font-size: 0.82rem;
+ line-height: 1.4;
+ opacity: 0.75;
+}
+
+.feature-analytics-header {
+ color: #1677ff;
+ background: rgba(22, 119, 255, 0.06);
+}
+
+.feature-streaming-header {
+ color: #e67e00;
+ background: rgba(245, 158, 11, 0.06);
+}
+
+.feature-ai-header {
+ color: #7c3aed;
+ background: rgba(124, 58, 237, 0.06);
+}
+
+[data-theme='dark'] .feature-analytics-header {
+ color: #4ba3ff;
+ background: rgba(75, 163, 255, 0.1);
+}
+
+[data-theme='dark'] .feature-streaming-header {
+ color: #fbbf24;
+ background: rgba(251, 191, 36, 0.1);
+}
+
+[data-theme='dark'] .feature-ai-header {
+ color: #a78bfa;
+ background: rgba(167, 139, 250, 0.1);
+}
+
+/* ===== Navigation Cards ===== */
+
.nav-card {
display: flex;
align-items: flex-start;
- gap: 0.75rem;
- padding: 1rem 1.25rem;
+ gap: 0.6rem;
+ padding: 0.75rem 1rem;
border-radius: 8px;
border: 1px solid var(--ifm-color-emphasis-200);
background: var(--ifm-background-surface-color);
@@ -84,12 +136,12 @@
.nav-card:hover {
border-color: var(--ifm-color-primary);
- box-shadow: 0 4px 12px rgba(22, 119, 255, 0.1);
+ box-shadow: 0 4px 16px rgba(22, 119, 255, 0.1);
transform: translateY(-2px);
}
[data-theme='dark'] .nav-card:hover {
- box-shadow: 0 4px 12px rgba(75, 163, 255, 0.15);
+ box-shadow: 0 4px 16px rgba(75, 163, 255, 0.15);
}
.nav-card-icon {
@@ -111,42 +163,6 @@
line-height: 1.4;
}
-/* ===== Feature Grid ===== */
-.feature-grid {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 1.5rem;
- margin: 1.5rem 0;
-}
-
-@media (max-width: 768px) {
- .feature-grid {
- grid-template-columns: 1fr;
- }
-}
-
-.feature-item {
- padding: 1.25rem;
- border-radius: 8px;
- background: var(--ifm-color-emphasis-50);
- border: 1px solid var(--ifm-color-emphasis-100);
-}
-
-[data-theme='dark'] .feature-item {
- background: var(--ifm-color-emphasis-100);
-}
-
-.feature-item h3 {
- margin-top: 0;
- font-size: 1rem;
- color: var(--ifm-color-primary);
-}
-
-.feature-item p {
- margin-bottom: 0;
- font-size: 0.88rem;
- color: var(--ifm-color-emphasis-700);
-}
/* ===== Config Table ===== */
.config-table-wrapper table {
@@ -202,6 +218,11 @@
}
}
+/* ===== Homepage Compact ===== */
+.theme-doc-markdown.markdown {
+ margin-top: 0;
+}
+
/* ===== Sidebar Tweaks ===== */
.menu__link {
font-size: 0.88rem;
