From 27a2cdcaebc20ca5ac6854b3f3ce6fd96bcb201d Mon Sep 17 00:00:00 2001
From: alice <166900055+alicesaidhi@users.noreply.github.com>
Date: Mon, 28 Oct 2024 17:02:43 +0100
Subject: [PATCH] Add banner

---
 docs/.vitepress/config.ts        |  5 ++++
 docs/.vitepress/theme/index.js   |  6 ++++-
 docs/.vitepress/theme/layout.vue | 16 +++++++++++++
 docs/.vitepress/theme/vars.css   | 39 ++++++++++++++++++++++++++++++++
 docs/index.md                    |  3 ---
 5 files changed, 65 insertions(+), 4 deletions(-)
 create mode 100644 docs/.vitepress/theme/layout.vue

diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index c2da810..1297724 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -17,6 +17,11 @@ export default withMermaid({
             provider: "local"
         },
 
+        footer: {
+            message: 'Released under the MIT License.',
+            copyright: 'Copyright © 2023-present centau'
+        },
+
         // https://vitepress.dev/reference/default-theme-config
         nav: [
             { text: "Home", link: "/" },
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
index 2422d09..9e30570 100644
--- a/docs/.vitepress/theme/index.js
+++ b/docs/.vitepress/theme/index.js
@@ -1,5 +1,9 @@
 // .vitepress/theme/index.js
 import DefaultTheme from 'vitepress/theme'
+import layout from './layout.vue'
 import './vars.css'
 
-export default DefaultTheme
\ No newline at end of file
+export default {
+	extends: DefaultTheme,
+	Layout: layout
+}
\ No newline at end of file
diff --git a/docs/.vitepress/theme/layout.vue b/docs/.vitepress/theme/layout.vue
new file mode 100644
index 0000000..a0e527d
--- /dev/null
+++ b/docs/.vitepress/theme/layout.vue
@@ -0,0 +1,16 @@
+<!--.vitepress/theme/MyLayout.vue-->
+<script setup>
+import DefaultTheme from 'vitepress/theme'
+
+const { Layout } = DefaultTheme
+</script>
+
+<template>
+  <Layout>
+    <template #layout-top>
+      <div class="banner">
+		Vide is 0.x software and may go through breaking changes through different versions
+	  </div>
+    </template>
+  </Layout>
+</template>
\ No newline at end of file
diff --git a/docs/.vitepress/theme/vars.css b/docs/.vitepress/theme/vars.css
index 4f3f315..56f141b 100644
--- a/docs/.vitepress/theme/vars.css
+++ b/docs/.vitepress/theme/vars.css
@@ -1,6 +1,39 @@
+.banner {
+  background-color: var(--vp-button-brand-bg) !important;
+  color: rgba(255, 255, 255, 100%);
+  width: 100%;
+  height: 1.5rem;
+  text-align: center;
+  position: fixed;
+  z-index: 30;
+}
+
+.VPNav {
+  margin-top: 1.5rem;
+}
+
+.VPSidebar {
+  margin-top: 1.5rem;
+}
+
 :root {
     --vp-c-brand-1: #3086ff;
 
+    --vp-button-brand-bg: #3661A2;
+    --vp-button-brand-hover-bg: #24447F;
+    --vp-button-brand-press-bg: #4896F3;
+
+    --vp-home-hero-name-color: transparent;
+    --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #3661A2, #4896F3);
+    --vp-home-hero-logo-background: -webkit-linear-gradient(120deg, #3661A2, #4896F3);
+
+    --vp-home-hero-image-background-image: linear-gradient(
+		135deg,
+		#1D314F 50%,
+		#2A57A2 50%
+	);
+	--vp-home-hero-image-filter: blur(96px);
+
     --vp-c-bg: #f2f5f8;
     --vp-c-bg-alt: #dfe8f5;
     --vp-c-bg-elv: #dde7f4;
@@ -20,4 +53,10 @@
     --vp-c-border: #111720;
     --vp-c-divider: #181d27;
     --vp-c-gutter: #181d27;
+
+    --vp-home-hero-image-background-image: linear-gradient(
+		-45deg,
+		#3D506C 50%,
+		#2F415C 50%
+	);
 }
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
index 0aa97b8..7da346b 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -24,7 +24,4 @@ features:
     details: Syntax built to be minimal while also obvious and easy to understand to anyone
   - title: Fully Luau Typecheckable
     details: Ensure you write correct code through the Luau typechecking engine.
-  - title: In Development
-    details: Not recommended for production use.
 ---
-