From c41f82c9b81844a228509fce2d7a3a3b5f21f126 Mon Sep 17 00:00:00 2001
From: Sebastien Guillemot <sebastiengllmt@gmail.com>
Date: Tue, 17 Dec 2024 02:17:21 +0900
Subject: [PATCH] paima v2 banner

---
 docusaurus.config.js | 12 ++++++++++++
 src/css/custom.css   | 19 +++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index c7508caf..863ccaba 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -203,6 +203,18 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      announcementBar: {
+        id: 'v2-announcement',
+        content: `
+      <div class="custom-banner">
+        <p><strong>You are looking at Paima Engine v1 docs</strong></p>
+        <p>Paima Engine v2 is still under construction🚧</p>
+      </div>
+    `,
+        backgroundColor: '#2B3831', 
+        textColor: '#ffffff',
+        isCloseable: false,
+      },
       colorMode: {
         defaultMode: 'dark',
         disableSwitch: true,
diff --git a/src/css/custom.css b/src/css/custom.css
index 5b71853a..ed26ee50 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -41,7 +41,26 @@ ul.theme-doc-sidebar-menu > li:nth-last-child(3)::before {
   width: 100%,
 }
 
+/* Style for the multi-line announcement banner */
+.custom-banner {
+  font-size: 1.2rem; /* Increase font size */
+  line-height: 1.8; /* Adjust line spacing */
+  padding: 20px; /* Add padding for more height */
+  text-align: center; /* Center-align the content */
+}
+
+.custom-banner a {
+  color: #1d4ed8; /* Link color */
+  text-decoration: underline;
+  font-weight: bold;
+}
+
+.custom-banner p {
+  margin: 0; /* Remove default paragraph margins for consistency */
+}
+
 :root {
+  --docusaurus-announcement-bar-height: 75px !important;
   --ifm-color-primary: #356ddb;
   --ifm-color-primary-dark: #356ddb;
   --ifm-color-primary-darker: #356ddb;