From 4110c3cf6fa4522e3f719cbeef82723c9fcf5f5e Mon Sep 17 00:00:00 2001
From: Prajyot Parab <prajyot.parab2@ibm.com>
Date: Wed, 2 Aug 2023 14:56:11 +0530
Subject: [PATCH] book: update refs to release specific books (#1288) (#1329)

Signed-off-by: Prajyot-Parab <prajyot.parab2@ibm.com>
---
 docs/book/book.toml            |  1 +
 docs/book/src/introduction.md  | 11 +++++++++
 docs/book/theme/css/custom.css | 41 ++++++++++++++++++++++++++++++++++
 3 files changed, 53 insertions(+)
 create mode 100644 docs/book/theme/css/custom.css

diff --git a/docs/book/book.toml b/docs/book/book.toml
index ce5bd73db..9a9388dc8 100644
--- a/docs/book/book.toml
+++ b/docs/book/book.toml
@@ -8,6 +8,7 @@ title = "Kubernetes Cluster API Provider IBMCloud"
 [output.html]
 curly-quotes = true
 git-repository-url = "https://sigs.k8s.io/cluster-api-provider-ibmcloud"
+additional-css = ["theme/css/custom.css"]
 
 [preprocessor.tabulate]
 command = "mdbook-tabulate"
diff --git a/docs/book/src/introduction.md b/docs/book/src/introduction.md
index a82d1928d..7449d0274 100644
--- a/docs/book/src/introduction.md
+++ b/docs/book/src/introduction.md
@@ -16,6 +16,17 @@ hybrid deployments of Kubernetes.  It is built atop the lessons learned from
 previous cluster managers such as [kops](https://github.com/kubernetes/kops) and
 [kubicorn](http://kubicorn.io/).
 
+<aside class="note">
+
+<h1>Cluster API Provider IBM Cloud documentation versions</h1>
+
+This book documents Cluster API Provider IBM Cloud v0.4. For other versions please see the corresponding documentation:
+* [main.cluster-api-ibmcloud.sigs.k8s.io](https://main.cluster-api-ibmcloud.sigs.k8s.io)
+* [release-0-4.cluster-api-ibmcloud.sigs.k8s.io](https://release-0-4.cluster-api-ibmcloud.sigs.k8s.io/)
+* [release-0-3.cluster-api-ibmcloud.sigs.k8s.io](https://release-0-3.cluster-api-ibmcloud.sigs.k8s.io/)
+
+</aside>
+
 ## CAPIBM Supported Infrastructure-as-a-Service (IaaS)
 
 <p align="center">
diff --git a/docs/book/theme/css/custom.css b/docs/book/theme/css/custom.css
new file mode 100644
index 000000000..c5838cc48
--- /dev/null
+++ b/docs/book/theme/css/custom.css
@@ -0,0 +1,41 @@
+/* notes */
+aside.note {
+    border: 1px solid var(--searchbar-border-color);
+    border-radius: 3px;
+    margin-top: 1em;
+}
+
+aside.note > * {
+    margin-left: 1em;
+    margin-right: 1em;
+}
+
+/* note title */
+aside.note > h1 {
+    border-bottom: 1px solid var(--searchbar-border-color);
+    margin: 0;
+    padding: 0.5em 1em;
+    font-size: 100%;
+    font-weight: normal;
+    background: var(--quote-bg);
+}
+
+/* warning notes */
+aside.note.warning > h1 {
+    background: var(--warning-note-background-color, #fcf8f2);
+}
+aside.note.warning > h1::before {
+    /* TODO(directxman12): fill in these colors in theme.
+     * If you're good with colors, feel free to play around with this
+     * in dark mode. */
+    content: "!";
+    color: var(--warning-note-color, #f0ad4e);
+    margin-right: 1em;
+    font-size: 100%;
+    vertical-align: middle;
+    font-weight: bold;
+    padding-left: 0.6em;
+    padding-right: 0.6em;
+    border-radius: 50%;
+    border: 2px solid var(--warning-note-color, #f0ad4e);
+}