paima v2 banner

PaimaStudios · Dec 16, 2024 · c41f82c · c41f82c
1 parent 8654b17
commit c41f82c
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git 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
@@ -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;