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

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


The following commit(s) were added to refs/heads/master by this push:
     new d8f027c8117 docs: update content of announcement bar (#1891)
d8f027c8117 is described below

commit d8f027c81178774313cb5a6011dc2873d73e95b8
Author: Yilia Lin <[email protected]>
AuthorDate: Thu Apr 10 10:43:11 2025 +0800

    docs: update content of announcement bar (#1891)
---
 blog/en/docusaurus.config.js     |  2 +-
 blog/src/css/customTheme.scss    | 30 ++++++++++++++++++++++++++++++
 blog/zh/docusaurus.config.js     |  2 +-
 doc/docusaurus.config.js         |  2 +-
 doc/src/css/customTheme.scss     | 30 ++++++++++++++++++++++++++++++
 website/docusaurus.config.js     |  2 +-
 website/src/css/customTheme.scss | 30 ++++++++++++++++++++++++++++++
 7 files changed, 94 insertions(+), 4 deletions(-)

diff --git a/blog/en/docusaurus.config.js b/blog/en/docusaurus.config.js
index 5c8198aab4c..7c30889b7e0 100644
--- a/blog/en/docusaurus.config.js
+++ b/blog/en/docusaurus.config.js
@@ -81,7 +81,7 @@ module.exports = {
       backgroundColor: '#e8433e',
       textColor: 'white',
       content:
-        '\u{1F914} Have queries regarding API Gateway? Join Slack channel to 
discuss <a target="_blank" rel="noopener noreferrer" 
href="/docs/general/join">join #apisix channel</a>! ⭐️',
+        '\u{1F914} Introducing APISIX AI Gateway – Built for LLMs and AI 
workloads. <a target="_blank" rel="noopener noreferrer" 
href="https://apisix.apache.org/blog/2025/04/08/introducing-apisix-ai-gateway/";>
 Learn More</a>',
     },
     prism: {
       theme: require('prism-react-renderer/themes/github'),
diff --git a/blog/src/css/customTheme.scss b/blog/src/css/customTheme.scss
index ab925baa009..a12e7ca692f 100644
--- a/blog/src/css/customTheme.scss
+++ b/blog/src/css/customTheme.scss
@@ -479,3 +479,33 @@ a:hover {
     transform: scale(1.2);
   }
 }
+
+/* Announcement Bar */
+div[class*="announcementBar_"] {
+  height: 40px;
+}
+
+div[class*="announcementBarContent"] {
+  font-size: 15px !important;
+  font-weight: 500;
+}
+
+div[class*="announcementBarPlaceholder"] {
+  height: 40px;
+}
+
+button[class*="announcementBarClose"] {
+  height: 40px !important;
+}
+
+@media screen and (max-width: 996px) {
+  div[class*="announcementBar_"] {
+    height: auto !important;
+    min-height: 40px;
+  }
+
+  div[class*="announcementBarContent"] {
+    font-size: 15px !important;
+    font-weight: 500;
+  }
+}
diff --git a/blog/zh/docusaurus.config.js b/blog/zh/docusaurus.config.js
index 470d827c29c..b404ea01b6d 100644
--- a/blog/zh/docusaurus.config.js
+++ b/blog/zh/docusaurus.config.js
@@ -83,7 +83,7 @@ module.exports = {
       backgroundColor: '#e8433e',
       textColor: 'white',
       content:
-        '\u{1F914} Have queries regarding API Gateway? Join Slack channel to 
discuss <a target="_blank" rel="noopener noreferrer" 
href="/docs/general/join">join #apisix channel</a>! ⭐️',
+        '\u{1F914} Introducing APISIX AI Gateway – Built for LLMs and AI 
workloads. <a target="_blank" rel="noopener noreferrer" 
href="https://apisix.apache.org/blog/2025/04/08/introducing-apisix-ai-gateway/";>
 Learn More</a>',
     },
     prism: {
       theme: require('prism-react-renderer/themes/github'),
diff --git a/doc/docusaurus.config.js b/doc/docusaurus.config.js
index a836d8afdd1..da59a392234 100644
--- a/doc/docusaurus.config.js
+++ b/doc/docusaurus.config.js
@@ -237,7 +237,7 @@ module.exports = {
       backgroundColor: '#e8433e',
       textColor: 'white',
       content:
-        '\u{1F914} Have queries regarding API Gateway? Join Slack channel to 
discuss <a target="_blank" rel="noopener noreferrer" 
href="/docs/general/join">join #apisix channel</a>! ⭐️',
+        '\u{1F914} Introducing APISIX AI Gateway – Built for LLMs and AI 
workloads. <a target="_blank" rel="noopener noreferrer" 
href="https://apisix.apache.org/blog/2025/04/08/introducing-apisix-ai-gateway/";>
 Learn More</a>',
     },
     prism: {
       theme: require('prism-react-renderer/themes/github'),
diff --git a/doc/src/css/customTheme.scss b/doc/src/css/customTheme.scss
index d2d19c99490..33acf3479f0 100644
--- a/doc/src/css/customTheme.scss
+++ b/doc/src/css/customTheme.scss
@@ -472,3 +472,33 @@ a:hover {
     transform: scale(1.2);
   }
 }
+
+/* Announcement Bar */
+div[class*="announcementBar_"] {
+  height: 40px;
+}
+
+div[class*="announcementBarContent"] {
+  font-size: 15px !important;
+  font-weight: 500;
+}
+
+div[class*="announcementBarPlaceholder"] {
+  height: 40px;
+}
+
+button[class*="announcementBarClose"] {
+  height: 40px !important;
+}
+
+@media screen and (max-width: 996px) {
+  div[class*="announcementBar_"] {
+    height: auto !important;
+    min-height: 40px;
+  }
+
+  div[class*="announcementBarContent"] {
+    font-size: 15px !important;
+    font-weight: 500;
+  }
+}
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 7c4f7349dbd..f1096a87a60 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -112,7 +112,7 @@ module.exports = {
       backgroundColor: '#e8433e',
       textColor: 'white',
       content:
-        '\u{1F914} Have queries regarding API Gateway? Join Slack channel to 
discuss <a target="_blank" rel="noopener noreferrer" 
href="/docs/general/join">join #apisix channel</a>! ⭐️',
+        '\u{1F914} Introducing APISIX AI Gateway – Built for LLMs and AI 
workloads. <a target="_blank" rel="noopener noreferrer" 
href="https://apisix.apache.org/blog/2025/04/08/introducing-apisix-ai-gateway/";>
 Learn More</a>',
     },
     prism: {
       theme: require('prism-react-renderer/themes/github'),
diff --git a/website/src/css/customTheme.scss b/website/src/css/customTheme.scss
index 674a521410e..f0da5117559 100644
--- a/website/src/css/customTheme.scss
+++ b/website/src/css/customTheme.scss
@@ -478,3 +478,33 @@ a:hover {
     transform: scale(1.2);
   }
 }
+
+/* Announcement Bar */
+div[class*="announcementBar_"] {
+  height: 40px;
+}
+
+div[class*="announcementBarContent"] {
+  font-size: 15px !important;
+  font-weight: 500;
+}
+
+div[class*="announcementBarPlaceholder"] {
+  height: 40px;
+}
+
+button[class*="announcementBarClose"] {
+  height: 40px !important;
+}
+
+@media screen and (max-width: 996px) {
+  div[class*="announcementBar_"] {
+    height: auto !important;
+    min-height: 40px;
+  }
+
+  div[class*="announcementBarContent"] {
+    font-size: 15px !important;
+    font-weight: 500;
+  }
+}

Reply via email to