This is an automated email from the ASF dual-hosted git repository.
davidzollo pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/seatunnel-website.git
The following commit(s) were added to refs/heads/main by this push:
new 21455ba9702d [Docs] Polish EtLT wordmark and CTA button edges (#463)
21455ba9702d is described below
commit 21455ba9702d2d20f128aadd0e5ec93b543c89aa
Author: Daniel <[email protected]>
AuthorDate: Tue Jun 16 22:37:19 2026 +0800
[Docs] Polish EtLT wordmark and CTA button edges (#463)
Co-authored-by: Daniel <[email protected]>
---
docusaurus.config.js | 2 +-
i18n/zh-CN/docusaurus-theme-classic/footer.json | 2 +-
src/pages/home/index.less | 56 +++++++++++++++++++++----
src/theme/Layout/index.js | 4 ++
4 files changed, 55 insertions(+), 9 deletions(-)
diff --git a/docusaurus.config.js b/docusaurus.config.js
index ba2b4b84f17a..ab08c613494d 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -391,7 +391,7 @@ const config = {
],
copyright: `
<div style="margin-top: 20px;">
- <div style="border-top: 1px solid #ccc;min-height:
60px;line-height: 20px;text-align: center;font-family: Avenir-Medium;font-size:
14px;color: #999;display: flex;align-items: center;"><span>Copyright ©
2021-${new Date().getFullYear()} The Apache Software Foundation. Apache
SeaTunnel, SeaTunnel, and its feather logo are trademarks of The Apache
Software Foundation.</span></div>
+ <div style="border-top: 1px solid #ccc;min-height:
60px;line-height: 20px;text-align: center;font-family: Avenir-Medium;font-size:
14px;color: #999;display: flex;align-items: center;"><span>Copyright ©
2021-${new Date().getFullYear()} The Apache Software Foundation. Apache
SeaTunnel and its feather logo are trademarks of The Apache Software
Foundation.</span></div>
<div style="text-align: center;">
<a href="https://twitter.com/asfseatunnel?s=21";
target="_blank" title="Twitter" ><svg t="1644553365083" class="icon" viewBox="0
0 1260 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"; p-id="7015"
width="38" height="38"><path d="M1259.846921 121.148242c-46.524504
20.728739-96.273478 34.547899-148.325646 40.536201 53.434084-31.784067
94.430924-82.454319 113.777747-142.797982-50.209613 29.480874-105.486251
51.13089-164.447999 62.646857A257.584528 257.584528 0 0 0 8 [...]
<a href="https://s.apache.org/seatunnel-slack";
target="_blank" title="Slack" style="margin-left: 20px;"><svg t="1644553076784"
class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"; p-id="3088" width="36" height="36"><path
d="M215.125333 647.04a107.861333 107.861333 0 0 1-107.52 107.648A107.861333
107.861333 0 0 1 0 647.04a107.818667 107.818667 0 0 1
107.605333-107.52h107.52v107.52z m54.229334 0a107.818667 107.818667 0 0 1
107.562666-107 [...]
diff --git a/i18n/zh-CN/docusaurus-theme-classic/footer.json
b/i18n/zh-CN/docusaurus-theme-classic/footer.json
index e621e76d984a..8a518381ebee 100644
--- a/i18n/zh-CN/docusaurus-theme-classic/footer.json
+++ b/i18n/zh-CN/docusaurus-theme-classic/footer.json
@@ -74,7 +74,7 @@
"description": "The label of footer link with label=Mail Archive linking
to https://lists.apache.org/[email protected]";
},
"copyright": {
- "message": "<div style=\"margin-top: 20px;\">\n <div
style=\"border-top: 1px solid #ccc;min-height: 60px;line-height:
20px;text-align: center;font-family: Avenir-Medium;font-size: 14px;color:
#999;display: flex;align-items: center;\"><span>Copyright © 2021-2026 The
Apache Software Foundation. Apache SeaTunnel, SeaTunnel, and its feather logo
are trademarks of The Apache Software Foundation.</span></div>\n
<div style=\"text-align: center;\">\n [...]
+ "message": "<div style=\"margin-top: 20px;\">\n <div
style=\"border-top: 1px solid #ccc;min-height: 60px;line-height:
20px;text-align: center;font-family: Avenir-Medium;font-size: 14px;color:
#999;display: flex;align-items: center;\"><span>Copyright © 2021-2026 The
Apache Software Foundation. Apache SeaTunnel and its feather logo are
trademarks of The Apache Software Foundation.</span></div>\n
<div style=\"text-align: center;\">\n <a h [...]
"description": "The footer copyright"
}
}
diff --git a/src/pages/home/index.less b/src/pages/home/index.less
index a33fa9312765..b5df6ba7d0f3 100644
--- a/src/pages/home/index.less
+++ b/src/pages/home/index.less
@@ -297,13 +297,44 @@ html[data-theme='light'] .st-home {
}
.st-home-btn-primary {
- background: linear-gradient(135deg, #5db8e2 0%, #6f82dc 100%);
+ position: relative;
+ overflow: hidden;
+ isolation: isolate;
+ background: linear-gradient(135deg, #5db8e2 0%, #6f82dc 58%, #7988e1 100%);
color: #fff;
- box-shadow: 0 12px 28px rgba(107, 118, 214, 0.2);
+ border-color: rgba(255, 255, 255, 0.08);
+ box-shadow: 0 18px 30px -14px rgba(107, 118, 214, 0.34), inset 0 1px 0
rgba(255, 255, 255, 0.12);
}
.st-home-btn-primary:hover {
- box-shadow: 0 16px 36px rgba(107, 118, 214, 0.26), 0 0 0 1px rgba(255, 255,
255, 0.06) inset;
+ box-shadow: 0 22px 36px -14px rgba(107, 118, 214, 0.4), inset 0 1px 0
rgba(255, 255, 255, 0.16);
+}
+
+.st-home-btn-primary::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ border-radius: inherit;
+ background:
+ linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255,
0.06) 42%, rgba(255, 255, 255, 0) 100%),
+ radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.12) 0%, rgba(255,
255, 255, 0) 44%);
+ pointer-events: none;
+}
+
+.st-home-btn-primary::after {
+ content: '';
+ position: absolute;
+ inset: 1px 1px auto;
+ height: 42%;
+ border-radius: inherit;
+ background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255,
255, 255, 0) 100%);
+ opacity: 0.42;
+ pointer-events: none;
+}
+
+.st-home-btn-primary > * {
+ position: relative;
+ z-index: 1;
}
.st-home-btn-outline {
@@ -981,11 +1012,11 @@ html[data-theme='light'] .st-home {
}
.st-home-architecture-engine-t-small {
- font-size: 0.6em;
- color: #42b8ec;
+ font-size: 1em;
+ color: #4ade80;
font-weight: 700;
- text-shadow: 0 0 10px rgba(93, 184, 226, 0.18);
- vertical-align: middle;
+ text-shadow: 0 0 10px rgba(74, 222, 128, 0.18);
+ vertical-align: baseline;
}
.st-home-architecture-engine-l {
@@ -1796,6 +1827,17 @@ html[data-theme='light'] .st-home .st-home-btn-dark {
border-color: rgba(17, 31, 53, 0.12);
}
+html[data-theme='light'] .st-home .st-home-btn-primary {
+ background: linear-gradient(135deg, #63c0ea 0%, #7ba3ec 56%, #7f93e7 100%);
+ box-shadow: 0 20px 32px -16px rgba(99, 126, 209, 0.22), inset 0 1px 0
rgba(255, 255, 255, 0.2);
+}
+
+html[data-theme='light'] .st-home .st-home-btn-primary::before {
+ background:
+ linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255,
0.06) 40%, rgba(255, 255, 255, 0) 100%),
+ radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.14) 0%, rgba(255,
255, 255, 0) 46%);
+}
+
html[data-theme='light'] .st-home .st-home-btn-outline:hover,
html[data-theme='light'] .st-home .st-home-btn-dark:hover {
color: #334968;
diff --git a/src/theme/Layout/index.js b/src/theme/Layout/index.js
index d8b954ea6944..559a260abf62 100644
--- a/src/theme/Layout/index.js
+++ b/src/theme/Layout/index.js
@@ -57,11 +57,15 @@ const KAPA_SHADOW_OVERRIDES = `
#kapa-widget-root input[type='text'],
#kapa-widget-root input:not([type]) {
min-height: 112px !important;
+ padding: 18px 22px !important;
+ box-sizing: border-box !important;
border-radius: 22px !important;
border: 1px solid rgba(160, 202, 240, 0.78) !important;
background: rgba(248, 252, 255, 0.97) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
color: #1b2b3d !important;
+ caret-color: #1b2b3d !important;
+ line-height: 1.55 !important;
}
#kapa-widget-root textarea::placeholder,
