From 2fcf15d23855c325df03822d69f26735fe0952ec Mon Sep 17 00:00:00 2001
From: Victor Jouffrey <vicatjou@gmail.com>
Date: Wed, 10 Apr 2024 17:10:52 +0200
Subject: [PATCH 1/4] Restore CSS

---
 docs/css/custom.css              |  126 ++++
 docs/css/dropdown.css            |   55 ++
 docs/css/marctech.css            | 1073 ++++++++++++++++++++++++++++++
 docs/js/dropdown.js              |    2 +
 docs/js/inject-api-links.js      |   66 ++
 docs/js/quickstart-fullscreen.js |   11 +
 mkdocs.yml                       |    1 -
 7 files changed, 1333 insertions(+), 1 deletion(-)
 create mode 100644 docs/css/custom.css
 create mode 100644 docs/css/dropdown.css
 create mode 100644 docs/css/marctech.css
 create mode 100644 docs/js/dropdown.js
 create mode 100644 docs/js/inject-api-links.js
 create mode 100644 docs/js/quickstart-fullscreen.js

diff --git a/docs/css/custom.css b/docs/css/custom.css
new file mode 100644
index 000000000..ac643adff
--- /dev/null
+++ b/docs/css/custom.css
@@ -0,0 +1,126 @@
+:root {
+  --md-primary-fg-color: #1eb382;
+  --md-secondary-fg-color: #188a64;
+  --md-tertiary-fg-color: #0d493550;
+  --md-quaternary-fg-color: #fdfdfd;
+  --border-radius-variable: 5px;
+}
+
+.md-footer__inner:not([hidden]) {
+  display: none;
+}
+
+/* Lex did stuff here */
+.svg_topnav {
+  width: 12px;
+  filter: invert(100);
+}
+.svg_topnav:hover {
+  width: 12px;
+  filter: invert(10);
+}
+
+.md-header[data-md-state="shadow"] {
+  box-shadow: 0 0 0 0;
+}
+
+.md-tabs__item:hover {
+  background-color: var(--md-tertiary-fg-color);
+  transition: background-color 450ms;
+}
+
+.md-sidebar__scrollwrap {
+  background-color: var(--md-quaternary-fg-color);
+  padding: 15px 5px 5px 5px;
+  border-radius: var(--border-radius-variable);
+}
+
+.image_logo_02 {
+  width: 450px;
+}
+
+/* End of Lex did stuff here */
+
+/* no-icon style for admonitions */
+.md-typeset .no-icon > .admonition-title::before,
+.md-typeset .no-icon > summary::before {
+  display: none;
+}
+.md-typeset .no-icon > :is(.admonition-title, summary) {
+  padding-left: 1rem;
+}
+/* end of no-icon style */
+
+.md-header__button.md-logo {
+  margin: 0.1rem;
+  padding: 0.1rem;
+}
+
+.md-header__button.md-logo img,
+.md-header__button.md-logo svg {
+  display: block;
+  width: 1.8rem;
+  height: 1.8rem;
+  fill: rgba(43, 155, 70, 0.1);
+}
+
+.md-tabs {
+  width: 100%;
+  overflow: auto;
+  color: var(--md-primary-bg-color);
+  background-color: var(--md-secondary-fg-color);
+  transition: background-color 250ms;
+}
+
+.wrapper {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 10px;
+  grid-auto-rows: minmax(100px, auto);
+}
+
+.wrapper * {
+  border: 2px solid green;
+  text-align: center;
+  padding: 70px 0;
+}
+
+.one {
+  grid-column: 1 / 2;
+  grid-row: 1;
+}
+.two {
+  grid-column: 2 / 3;
+  grid-row: 1;
+}
+.three {
+  grid-column: 3 / 4;
+  grid-row: 1;
+}
+.four {
+  grid-column: 4 / 5;
+  grid-row: 1;
+}
+.five {
+  grid-column: 1 / 3;
+  grid-row: 2;
+}
+.six {
+  grid-column: 3 / 5;
+  grid-row: 2;
+}
+
+/* Jupyter Stuff */
+.jupyter-wrapper .jp-CodeCell .jp-Cell-inputWrapper .jp-InputPrompt {
+  display: none !important;
+}
+
+@media screen and (max-width: 479px) {
+  .md-sidebar--primary,
+  .md-sidebar {
+    z-index: 50 !important;
+  }
+  .md-logo {
+    visibility: hidden;
+  }
+}
diff --git a/docs/css/dropdown.css b/docs/css/dropdown.css
new file mode 100644
index 000000000..e1d672432
--- /dev/null
+++ b/docs/css/dropdown.css
@@ -0,0 +1,55 @@
+/* Style The Dropdown Button */
+.dropbtn {
+  color: white;
+  border: none;
+  cursor: pointer;
+}
+
+.md-tabs__list {
+  contain: inherit;
+}
+.md-tabs {
+overflow: inherit;
+}
+.md-header {
+  z-index: 1000 !important;
+}
+
+/* The container <div> - needed to position the dropdown content */
+.dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+/* Dropdown Content (Hidden by Default) */
+.dropdown-content {
+  display:none;
+  font-size: 13px;
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1000;
+  border-radius: 2px;
+  left:-15px;
+}
+
+/* Links inside the dropdown */
+.dropdown-content a {
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+}
+
+/* Change color of dropdown links on hover */
+.dropdown-content a:hover {background-color: #f1f1f1}
+
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {
+  display: block;
+}
+
+/* Change the background color of the dropdown button when the dropdown content is shown */
+.dropdown:hover .dropbtn {
+}
diff --git a/docs/css/marctech.css b/docs/css/marctech.css
new file mode 100644
index 000000000..78fddc27e
--- /dev/null
+++ b/docs/css/marctech.css
@@ -0,0 +1,1073 @@
+:root {
+  --md-primary-fg-color: #1EB382;
+  --md-secondary-fg-color: #188a64;
+  --md-tertiary-fg-color: #0d493550;
+  --md-quaternary-fg-color: #fdfdfd;
+  --md-fiftuary-fg-color: #2471cf;
+  --border-radius-variable: 5px;
+  --border-width:1px;
+}
+
+.cellname{
+  font-style: italic;
+  vertical-align: top; 
+  margin-top:-20px;
+}
+.cellname2{
+  font-style: italic;
+  margin-top:10px;
+}
+
+.marctech_main a{
+  color: var(--md-fiftuary-fg-color);
+  border-bottom: 1px dotted var(--md-fiftuary-fg-color) !important;
+  text-decoration: dotted !important;}
+
+.marctech_main a:hover{
+  border-bottom: 1px dotted var(--md-primary-fg-color)!important;
+}
+
+.marctech_main a:visited{
+  color: var(--md-tertiary-fg-color);
+  border-bottom: 1px dotted var(--md-tertiary-fg-color) !important;
+
+}
+
+.w-layout-grid {
+  display: -ms-grid;
+  display: grid;
+  grid-auto-columns: 1fr;
+  -ms-grid-columns: 1fr 1fr;
+  grid-template-columns: 1fr 1fr;
+  -ms-grid-rows: auto auto;
+  grid-template-rows: auto auto;
+  grid-row-gap: 16px;
+  grid-column-gap: 16px;
+}
+
+.image_logo{
+  width: 69%;
+  background-color: rgba(255, 255, 255, 0.521);
+  z-index: 50;
+  padding: 0px 15px 0px 15px;
+  margin-bottom: 10px;
+}
+
+.layer_02{
+  pointer-events: none;
+}
+
+.round-frame{
+  pointer-events: initial;
+}
+
+.marctech_main {
+  margin-top:-20px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-bottom: 55px;
+}
+
+.collumns {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+}
+
+.col_heading {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-left: 10px;
+}
+
+.enterprisefs {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.enterprise_ai {
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  -ms-grid-row-align: center;
+  align-self: center;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.side-content {
+  z-index: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 240px;
+  height: 100%;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 20px 10px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-content: flex-start;
+  -ms-flex-line-pack: start;
+  align-content: flex-start;
+  border-style: solid;
+  border-width: var(--border-width);
+  border-color: #585858;
+  border-radius: 10px;
+  background-color:var(--md-quaternary-fg-color);
+}
+.body {
+  padding: 40px;
+  font-family: Roboto, sans-serif;
+}
+
+.green {
+  color: #1eb182;
+  font-size: 1.2vw;
+}
+
+.rec_frame {
+  position: relative;
+  z-index: 1;
+  display: inline-block;
+  min-width: 150px;
+  margin-top: 10px;
+  margin-right: 10px;
+  margin-left: 10px;
+  padding: 10px 10px;
+  border-style: solid;
+  border-width: var(--border-width);
+  border-color: #585858;
+  border-radius: 10px;
+  background-color: #fff;
+  box-shadow: 4px 4px 0 0 rgba(88, 88, 88, 0.16);
+  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
+  transition: box-shadow 200ms ease, border-color 200ms ease;
+  color: #585858;
+  text-align: center;
+  cursor: pointer;
+}
+
+.rec_frame:hover {
+  border-color: #c2c2c2;
+  box-shadow: none;
+}
+
+.name_item {
+  font-size: 0.7rem;
+  line-height: 120%;
+  font-weight: 700;
+}
+
+.name_item.db {
+  position: relative;
+  z-index: 3;
+  text-align: left;
+}
+
+.name_item.small {
+  font-size: 0.6rem;
+  font-weight: 500;
+}
+
+.name_item.ingrey {
+  padding-bottom: 20px;
+}
+
+.db_frame-mid {
+  position: relative;
+  z-index: 1;
+  margin-top: -8px;
+  padding: 5px 2px;
+  border-style: solid;
+  border-width: var(--border-width);
+  border-color: #585858;
+  border-radius: 0px 0% 50% 50%;
+  background-color: #fff;
+  color: #585858;
+  text-align: center;
+}
+
+.db_frame-top {
+  position: relative;
+  z-index: 2;
+  padding: 5px 2px;
+  border-style: solid;
+  border-width: var(--border-width);
+  border-color: #585858;
+  border-radius: 50%;
+  background-color: #fff;
+  color: #585858;
+  text-align: center;
+}
+
+.icondb {
+  position: relative;
+  width: 25px;
+  min-width: 25px;
+  margin-right: 10px;
+}
+
+.db_frame {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 150px;
+  height: 55px;
+  padding: 20px 10px;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border-style: solid;
+  border-width: var(--border-width);
+  border-color: #585858;
+  border-radius: 10px;
+  background-color: #fff;
+  box-shadow: 4px 4px 0 0 rgba(88, 88, 88, 0.16);
+  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
+  transition: box-shadow 200ms ease, border-color 200ms ease;
+  color: #585858;
+  text-align: center;
+  cursor: pointer;
+}
+
+.db_frame:hover {
+  border-color: #c2c2c2;
+  box-shadow: none;
+}
+
+.grid {
+  -ms-grid-rows: auto auto auto;
+  grid-template-rows: auto auto auto;
+}
+
+.arrowdown {
+  position: relative;
+  z-index: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  margin-top: -10px;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.heading_MT {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  font-size: 1.3rem !important;
+  white-space: nowrap !important;
+}
+
+.head_col {
+  padding-left: 10px;
+}
+
+.MT_heading3 {
+  margin-top: 0px !important ;
+  font-size: 0.8rem !important;
+}
+
+.MT_heading3.green {
+  color: #1eb182 !important;
+}
+
+.column_sides {
+  position: relative;
+  z-index: 2;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.hopsicon {
+  width: 45px;
+  height: 45px;
+}
+
+.column_center {
+  z-index: 10;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.center-content {
+  z-index: -50;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 750px;
+  height: 670px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 20px 10px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-content: center;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  border-radius: 10px;
+  background-color: transparent;
+}
+
+.image {
+  width: 260px;
+}
+
+.layer_01 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+}
+
+.name_center {
+  font-size: 1rem;
+  font-weight: 700;
+}
+
+.rec_frame_main {
+  position: relative;
+  z-index: 1;
+  margin-top: 10px;
+  margin-right: 10px;
+  margin-left: 10px;
+  padding: 5px 10px;
+  border-style: solid;
+  border-width: var(--border-width);
+  border-color: #1eb182;
+  border-radius: 10px;
+  background-color: #e6fdf6;
+  box-shadow: 4px 4px 0 0 #dcf7ee;
+  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
+  transition: box-shadow 200ms ease, border-color 200ms ease;
+  color: #1eb182;
+  text-align: center;
+  cursor: pointer;
+}
+
+.rec_frame_main:hover {
+  border-color: #9fecd4;
+  box-shadow: none;
+}
+
+.rec_frame_main.no_content {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  box-shadow: 4px 4px 0 0 #dcf7ee;
+}
+
+.rec_frame_main.no_content:hover {
+  border-color: #1eb182;
+  box-shadow: 4px 4px 0 0 rgba(88, 88, 88, 0.16);
+}
+
+.name_item_02 {
+  font-size: 0.85rem;
+  font-weight: 700;
+}
+
+.grid-infra {
+  padding-top: 20px;
+  -ms-grid-columns: 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+  -ms-grid-rows: auto;
+  grid-template-rows: auto;
+}
+
+.rec_frame_main-white {
+  position: relative;
+  z-index: 1;
+  display: inline-block;
+  width: 100%;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 5px 10px;
+  border-style: solid;
+  border-width: var(--border-width);
+  border-color: #1eb182;
+  border-radius: 10px;
+  background-color: #fff;
+  box-shadow: 4px 4px 0 0 rgba(88, 88, 88, 0.16);
+  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
+  transition: box-shadow 200ms ease, border-color 200ms ease;
+  color: #1eb182;
+  text-align: center;
+  cursor: pointer;
+}
+
+.rec_frame_main-white:hover {
+  border-color: #c2c2c2;
+  box-shadow: none;
+}
+
+.rec_frame_main-white.dotted {
+  border-style: dotted;
+}
+
+.column {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+}
+
+.columns_center {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.non-bold {
+  font-weight: 400;
+}
+
+.logo-holder {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.infra {
+  text-align: center;
+  position: relative;
+  z-index: 30;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 10px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border: 1px dashed #000;
+  border-radius: 6px;
+  background-color: #fff;
+  cursor: pointer;
+}
+
+.infra:hover {
+  border-style: solid;
+  border-color: #585858;
+}
+
+.text_and_icon {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.svg_icon {
+  width: 33px;
+  margin-right: 10px;
+  margin-left: 10px;
+}
+
+.layer_02 {
+  position: absolute;
+  z-index: 10;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 96%;
+  height: 90%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  border-style: solid;
+  border-width: var(--border-width);
+  border-color: #bbbbbb35 ;
+  border-radius: 100%;
+  background-color: transparent;
+}
+
+.round-frame {
+  position: absolute;
+  left: 0%;
+  top: auto;
+  right: auto;
+  bottom: 0%;
+  z-index: 10;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 90px;
+  height: 90px;
+  margin: 10px;
+  padding: 10px;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border-style: dotted;
+  border-width: var(--border-width);
+  border-color: var(--md-tertiary-fg-color);
+  border-radius: 100%;
+  background-color: #fff;
+  outline-color: #fffc;
+  outline-offset: 0px;
+  outline-style: solid;
+  outline-width: 4px;
+  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
+  transition: box-shadow 200ms ease, border-color 200ms ease;
+  color: var(--md-tertiary-fg-color);
+  text-align: center;
+  cursor: pointer;
+}
+
+.round-frame:hover {
+  border-color: #c2c2c2;
+  box-shadow: none;
+}
+
+.round-frame.top-left {
+  left: 4%;
+  top: 15%;
+  right: auto;
+  bottom: auto;
+}
+
+.round-frame.bottom-left {
+  left: 4%;
+  bottom: 15%;
+}
+
+.round-frame.top-right {
+  left: auto;
+  top: 15%;
+  right: 4%;
+  bottom: auto;
+}
+
+.round-frame.bottom-right {
+  left: auto;
+  top: auto;
+  right: 4%;
+  bottom: 15%;
+  padding: 10px;
+}
+
+.side-holder {
+  z-index: -1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: 630px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.infra-icon {
+  width: 25px;
+  height: 25px;
+}
+
+.div-block {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+#w-node-a2a9b648-f5dd-74e5-e1c2-f7aaf4fa1fcd-46672785 {
+  -ms-grid-column: span 1;
+  grid-column-start: span 1;
+  -ms-grid-column-span: 1;
+  grid-column-end: span 1;
+  -ms-grid-row: span 1;
+  grid-row-start: span 1;
+  -ms-grid-row-span: 1;
+  grid-row-end: span 1;
+}
+
+#w-node-_466aa2bf-88bf-5a65-eab4-fc1eb95e7384-46672785 {
+  -ms-grid-column: span 1;
+  grid-column-start: span 1;
+  -ms-grid-column-span: 1;
+  grid-column-end: span 1;
+  -ms-grid-row: span 1;
+  grid-row-start: span 1;
+  -ms-grid-row-span: 1;
+  grid-row-end: span 1;
+}
+
+#w-node-_87009ba3-d9a6-e0b7-4cce-581190a19cf3-46672785 {
+  -ms-grid-column: span 1;
+  grid-column-start: span 1;
+  -ms-grid-column-span: 1;
+  grid-column-end: span 1;
+  -ms-grid-row: span 1;
+  grid-row-start: span 1;
+  -ms-grid-row-span: 1;
+  grid-row-end: span 1;
+}
+
+#w-node-_4a479fbb-90c7-9f47-d439-20aa6a224339-46672785 {
+  -ms-grid-column: span 1;
+  grid-column-start: span 1;
+  -ms-grid-column-span: 1;
+  grid-column-end: span 1;
+  -ms-grid-row: span 1;
+  grid-row-start: span 1;
+  -ms-grid-row-span: 1;
+  grid-row-end: span 1;
+}
+
+
+/*  
+
+
+inherited from the original template
+
+*/ 
+
+.w-container .w-row {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+.w-row:before,
+.w-row:after {
+  content: " ";
+  display: table;
+  grid-column-start: 1;
+  grid-row-start: 1;
+  grid-column-end: 2;
+  grid-row-end: 2;
+}
+.w-row:after {
+  clear: both;
+}
+.w-row .w-row {
+  margin-left: 0;
+  margin-right: 0;
+}
+.w-col {
+  position: relative;
+  float: left;
+  width: 100%;
+  min-height: 1px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.w-col .w-col {
+  padding-left: 0;
+  padding-right: 0;
+}
+.w-col-1 {
+  width: 8.33333333%;
+}
+.w-col-2 {
+  width: 16.66666667%;
+}
+.w-col-3 {
+  width: 25%;
+}
+.w-col-4 {
+  width: 33.33333333%;
+}
+.w-col-5 {
+  width: 41.66666667%;
+}
+.w-col-6 {
+  width: 50%;
+}
+.w-col-7 {
+  width: 58.33333333%;
+}
+.w-col-8 {
+  width: 66.66666667%;
+}
+.w-col-9 {
+  width: 75%;
+}
+.w-col-10 {
+  width: 83.33333333%;
+}
+.w-col-11 {
+  width: 91.66666667%;
+}
+.w-col-12 {
+  width: 100%;
+}
+.w-hidden-main {
+  display: none !important;
+}
+@media screen and (max-width: 991px) {
+  .w-container {
+    max-width: 728px;
+  }
+  .w-hidden-main {
+    display: inherit !important;
+  }
+  .w-hidden-medium {
+    display: none !important;
+  }
+  .w-col-medium-1 {
+    width: 8.33333333%;
+  }
+  .w-col-medium-2 {
+    width: 16.66666667%;
+  }
+  .w-col-medium-3 {
+    width: 25%;
+  }
+  .w-col-medium-4 {
+    width: 33.33333333%;
+  }
+  .w-col-medium-5 {
+    width: 41.66666667%;
+  }
+  .w-col-medium-6 {
+    width: 50%;
+  }
+  .w-col-medium-7 {
+    width: 58.33333333%;
+  }
+  .w-col-medium-8 {
+    width: 66.66666667%;
+  }
+  .w-col-medium-9 {
+    width: 75%;
+  }
+  .w-col-medium-10 {
+    width: 83.33333333%;
+  }
+  .w-col-medium-11 {
+    width: 91.66666667%;
+  }
+  .w-col-medium-12 {
+    width: 100%;
+  }
+  .w-col-stack {
+    width: 100%;
+    left: auto;
+    right: auto;
+  }
+}
+@media screen and (max-width: 767px) {
+  .w-hidden-main {
+    display: inherit !important;
+  }
+  .w-hidden-medium {
+    display: inherit !important;
+  }
+  .w-hidden-small {
+    display: none !important;
+  }
+  .w-row,
+  .w-container .w-row {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .w-col {
+    width: 100%;
+    left: auto;
+    right: auto;
+  }
+  .w-col-small-1 {
+    width: 8.33333333%;
+  }
+  .w-col-small-2 {
+    width: 16.66666667%;
+  }
+  .w-col-small-3 {
+    width: 25%;
+  }
+  .w-col-small-4 {
+    width: 33.33333333%;
+  }
+  .w-col-small-5 {
+    width: 41.66666667%;
+  }
+  .w-col-small-6 {
+    width: 50%;
+  }
+  .w-col-small-7 {
+    width: 58.33333333%;
+  }
+  .w-col-small-8 {
+    width: 66.66666667%;
+  }
+  .w-col-small-9 {
+    width: 75%;
+  }
+  .w-col-small-10 {
+    width: 83.33333333%;
+  }
+  .w-col-small-11 {
+    width: 91.66666667%;
+  }
+  .w-col-small-12 {
+    width: 100%;
+  }
+}
+@media screen and (max-width: 479px) {
+  .column_sides, .layer_02, .enterprisefs{
+    visibility: hidden;
+  }
+
+  .marctech_main {
+    margin-top: -80px;
+  }
+
+  .grid-infra{
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  .center-content {
+    width: 100vw;
+  }
+  .w-container {
+    max-width: none;
+  }
+  .w-hidden-main {
+    display: inherit !important;
+  }
+  .w-hidden-medium {
+    display: inherit !important;
+  }
+  .w-hidden-small {
+    display: inherit !important;
+  }
+  .w-hidden-tiny {
+    display: none !important;
+  }
+  .w-col {
+    width: 100%;
+  }
+  .w-col-tiny-1 {
+    width: 8.33333333%;
+  }
+  .w-col-tiny-2 {
+    width: 16.66666667%;
+  }
+  .w-col-tiny-3 {
+    width: 25%;
+  }
+  .w-col-tiny-4 {
+    width: 33.33333333%;
+  }
+  .w-col-tiny-5 {
+    width: 41.66666667%;
+  }
+  .w-col-tiny-6 {
+    width: 50%;
+  }
+  .w-col-tiny-7 {
+    width: 58.33333333%;
+  }
+  .w-col-tiny-8 {
+    width: 66.66666667%;
+  }
+  .w-col-tiny-9 {
+    width: 75%;
+  }
+  .w-col-tiny-10 {
+    width: 83.33333333%;
+  }
+  .w-col-tiny-11 {
+    width: 91.66666667%;
+  }
+  .w-col-tiny-12 {
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/docs/js/dropdown.js b/docs/js/dropdown.js
new file mode 100644
index 000000000..2618e0ce7
--- /dev/null
+++ b/docs/js/dropdown.js
@@ -0,0 +1,2 @@
+document.getElementsByClassName("md-tabs__link")[7].style.display = "none";
+document.getElementsByClassName("md-tabs__link")[9].style.display = "none";
diff --git a/docs/js/inject-api-links.js b/docs/js/inject-api-links.js
new file mode 100644
index 000000000..b2bfb2022
--- /dev/null
+++ b/docs/js/inject-api-links.js
@@ -0,0 +1,66 @@
+window.addEventListener("DOMContentLoaded", function () {
+  var windowPathNameSplits = window.location.pathname.split("/");
+  var majorVersionRegex = new RegExp("(\\d+[.]\\d+)");
+  if (majorVersionRegex.test(windowPathNameSplits[1])) {
+    // On landing page docs.hopsworks.api/3.0 - URL contains major version
+    // Version API dropdown
+    document.getElementById("hopsworks_api_link").href =
+      "https://docs.hopsworks.ai/hopsworks-api/" +
+      windowPathNameSplits[1] +
+      "/generated/api/login/";
+    document.getElementById("hsfs_api_link").href =
+      "https://docs.hopsworks.ai/feature-store-api/" +
+      windowPathNameSplits[1] +
+      "/generated/api/connection_api/";
+    document.getElementById("hsml_api_link").href =
+      "https://docs.hopsworks.ai/machine-learning-api/" +
+      windowPathNameSplits[1] +
+      "/generated/connection_api/";
+    document.getElementById("hsfs_javadoc_link").href =
+      "https://docs.hopsworks.ai/feature-store-api/" +
+      windowPathNameSplits[1] +
+      "/javadoc";
+  } else {
+    // on docs.hopsworks.api/feature-store-api/3.0 / docs.hopsworks.api/hopsworks-api/3.0 / docs.hopsworks.api/machine-learning-api/3.0
+    var apiVersion = windowPathNameSplits[2];
+    var majorVersion = apiVersion.match(majorVersionRegex)[0];
+    // Version main navigation
+    document.getElementsByClassName("md-tabs__link")[0].href =
+      "https://docs.hopsworks.ai/" + majorVersion;
+    document.getElementsByClassName("md-tabs__link")[1].href =
+      "https://docs.hopsworks.ai/" +
+      majorVersion +
+      "/getting_started/quickstart/";
+    document.getElementsByClassName("md-tabs__link")[2].href =
+      "https://docs.hopsworks.ai/" +
+      majorVersion +
+      "/tutorials/fraud_batch/1_feature_groups/";
+    document.getElementsByClassName("md-tabs__link")[3].href =
+      "https://docs.hopsworks.ai/" + majorVersion + "/concepts/hopsworks/";
+    document.getElementsByClassName("md-tabs__link")[4].href =
+      "https://docs.hopsworks.ai/" + majorVersion + "/user_guides/";
+    document.getElementsByClassName("md-tabs__link")[5].href =
+      "https://docs.hopsworks.ai/" +
+      majorVersion +
+      "/setup_installation/aws/getting_started/";
+    document.getElementsByClassName("md-tabs__link")[6].href =
+      "https://docs.hopsworks.ai/" + majorVersion + "/admin/";
+    // Version API dropdown
+    document.getElementById("hopsworks_api_link").href =
+      "https://docs.hopsworks.ai/hopsworks-api/" +
+      majorVersion +
+      "/generated/api/login/";
+    document.getElementById("hsfs_api_link").href =
+      "https://docs.hopsworks.ai/feature-store-api/" +
+      majorVersion +
+      "/generated/api/connection_api/";
+    document.getElementById("hsfs_javadoc_link").href =
+      "https://docs.hopsworks.ai/feature-store-api/" +
+      majorVersion +
+      "/javadoc";
+    document.getElementById("hsml_api_link").href =
+      "https://docs.hopsworks.ai/machine-learning-api/" +
+      majorVersion +
+      "/generated/connection_api/";
+  }
+});
diff --git a/docs/js/quickstart-fullscreen.js b/docs/js/quickstart-fullscreen.js
new file mode 100644
index 000000000..e963e0a75
--- /dev/null
+++ b/docs/js/quickstart-fullscreen.js
@@ -0,0 +1,11 @@
+/*
+    This script removes the sidebar from the Getting Started page for the example to expand whole page on non-mobile devices.
+*/
+
+//https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent for recommended approach to test if device is mobile
+if (
+  window.location.pathname.endsWith("hopsworks-tutorials/quickstart/") &&
+  !/Mobi|Android/i.test(navigator.userAgent)
+) {
+  document.getElementsByClassName("md-sidebar--primary")[0].remove();
+}
diff --git a/mkdocs.yml b/mkdocs.yml
index ba5b3e964..697a81fdf 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -289,7 +289,6 @@ theme:
   font:
     text: "Roboto"
     code: "IBM Plex Mono"
-
   palette:
     accent: teal
     primary: custom

From 42949306bbe705af86c6a6a1737d9957a41e83e7 Mon Sep 17 00:00:00 2001
From: Victor Jouffrey <vicatjou@gmail.com>
Date: Wed, 10 Apr 2024 17:15:14 +0200
Subject: [PATCH 2/4] Fix dropdown

---
 docs/css/dropdown.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/css/dropdown.css b/docs/css/dropdown.css
index e1d672432..c1c768fa2 100644
--- a/docs/css/dropdown.css
+++ b/docs/css/dropdown.css
@@ -17,7 +17,7 @@ overflow: inherit;
 
 /* The container <div> - needed to position the dropdown content */
 .dropdown {
-  position: relative;
+  position: absolute;
   display: inline-block;
 }
 

From be34d52d74908f42f65190b442b49f8a922c72bc Mon Sep 17 00:00:00 2001
From: Victor Jouffrey <vicatjou@gmail.com>
Date: Wed, 10 Apr 2024 20:04:06 +0200
Subject: [PATCH 3/4] Fix linking and css

---
 .../hide-dropdown.js}                          |  0
 docs/{js => javascripts}/inject-api-links.js   |  2 ++
 .../quickstart-fullscreen.js                   |  0
 .../custom.css => stylesheets/custom-bis.css}  |  6 +++++-
 .../dropdown-bis.css}                          |  5 ++++-
 docs/{css => stylesheets}/marctech.css         |  0
 mkdocs.yml                                     | 18 +++++++++---------
 7 files changed, 20 insertions(+), 11 deletions(-)
 rename docs/{js/dropdown.js => javascripts/hide-dropdown.js} (100%)
 rename docs/{js => javascripts}/inject-api-links.js (97%)
 rename docs/{js => javascripts}/quickstart-fullscreen.js (100%)
 rename docs/{css/custom.css => stylesheets/custom-bis.css} (96%)
 rename docs/{css/dropdown.css => stylesheets/dropdown-bis.css} (93%)
 rename docs/{css => stylesheets}/marctech.css (100%)

diff --git a/docs/js/dropdown.js b/docs/javascripts/hide-dropdown.js
similarity index 100%
rename from docs/js/dropdown.js
rename to docs/javascripts/hide-dropdown.js
diff --git a/docs/js/inject-api-links.js b/docs/javascripts/inject-api-links.js
similarity index 97%
rename from docs/js/inject-api-links.js
rename to docs/javascripts/inject-api-links.js
index b2bfb2022..2b988d257 100644
--- a/docs/js/inject-api-links.js
+++ b/docs/javascripts/inject-api-links.js
@@ -1,6 +1,8 @@
 window.addEventListener("DOMContentLoaded", function () {
   var windowPathNameSplits = window.location.pathname.split("/");
   var majorVersionRegex = new RegExp("(\\d+[.]\\d+)");
+  console.log(windowPathNameSplits);
+  console.log(majorVersionRegex);
   if (majorVersionRegex.test(windowPathNameSplits[1])) {
     // On landing page docs.hopsworks.api/3.0 - URL contains major version
     // Version API dropdown
diff --git a/docs/js/quickstart-fullscreen.js b/docs/javascripts/quickstart-fullscreen.js
similarity index 100%
rename from docs/js/quickstart-fullscreen.js
rename to docs/javascripts/quickstart-fullscreen.js
diff --git a/docs/css/custom.css b/docs/stylesheets/custom-bis.css
similarity index 96%
rename from docs/css/custom.css
rename to docs/stylesheets/custom-bis.css
index ac643adff..052baae37 100644
--- a/docs/css/custom.css
+++ b/docs/stylesheets/custom-bis.css
@@ -1,4 +1,4 @@
-:root {
+[data-md-color-scheme="hopsworks"] {
   --md-primary-fg-color: #1eb382;
   --md-secondary-fg-color: #188a64;
   --md-tertiary-fg-color: #0d493550;
@@ -29,6 +29,10 @@
   transition: background-color 450ms;
 }
 
+.md-tabs__item {
+  min-width: 2.5rem;
+}
+
 .md-sidebar__scrollwrap {
   background-color: var(--md-quaternary-fg-color);
   padding: 15px 5px 5px 5px;
diff --git a/docs/css/dropdown.css b/docs/stylesheets/dropdown-bis.css
similarity index 93%
rename from docs/css/dropdown.css
rename to docs/stylesheets/dropdown-bis.css
index c1c768fa2..22ba42f17 100644
--- a/docs/css/dropdown.css
+++ b/docs/stylesheets/dropdown-bis.css
@@ -3,6 +3,8 @@
   color: white;
   border: none;
   cursor: pointer;
+  /* top: -2px;
+  position: absolute; */
 }
 
 .md-tabs__list {
@@ -18,7 +20,7 @@ overflow: inherit;
 /* The container <div> - needed to position the dropdown content */
 .dropdown {
   position: absolute;
-  display: inline-block;
+  display: flex;
 }
 
 /* Dropdown Content (Hidden by Default) */
@@ -31,6 +33,7 @@ overflow: inherit;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1000;
   border-radius: 2px;
+  top:35px;
   left:-15px;
 }
 
diff --git a/docs/css/marctech.css b/docs/stylesheets/marctech.css
similarity index 100%
rename from docs/css/marctech.css
rename to docs/stylesheets/marctech.css
diff --git a/mkdocs.yml b/mkdocs.yml
index 697a81fdf..0a5d0dc1b 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -276,8 +276,8 @@ nav:
       - Audit:
           - Access Audit Logs: admin/audit/audit-logs.md
           - Export Audit Logs: admin/audit/export-audit-logs.md
-  - <div class="dropdown"><button class="dropbtn"> API </button> <div id="myDropdown" class="dropdown-content"> <a id="hopsworks_api_link" href="https://docs.hopsworks.ai/hopsworks-api/dev">Hopsworks API</a> <a id="hsfs_api_link" href="https://docs.hopsworks.ai/feature-store-api/dev">Feature Store API</a> <a id="hsfs_javadoc_link" href="https://docs.hopsworks.ai/feature-store-api/dev/javadoc">Feature Store JavaDoc</a> <a id="hsml_api_link" href="https://docs.hopsworks.ai/machine-learning-api/dev">MLOps API</a> </div></div>: https://docs.hopsworks.ai
-  - <span style="margin-left:10px">Community ↗ </span>: https://community.hopsworks.ai/
+  - API<div class="dropdown"><button class="dropbtn">API</button><div id="myDropdown" class="dropdown-content"> <a id="hopsworks_api_link" href="https://docs.hopsworks.ai/hopsworks-api/dev">Hopsworks API</a> <a id="hsfs_api_link" href="https://docs.hopsworks.ai/feature-store-api/dev">Feature Store API</a> <a id="hsfs_javadoc_link" href="https://docs.hopsworks.ai/feature-store-api/dev/javadoc">Feature Store JavaDoc</a> <a id="hsml_api_link" href="https://docs.hopsworks.ai/machine-learning-api/dev">MLOps API</a> </div></div>: https://docs.hopsworks.ai
+  - Community ↗: https://community.hopsworks.ai/
 
 theme:
   name: material
@@ -291,7 +291,7 @@ theme:
     code: "IBM Plex Mono"
   palette:
     accent: teal
-    primary: custom
+    scheme: hopsworks
   features:
     - navigation.tabs
     - navigation.tabs.sticky
@@ -320,14 +320,14 @@ extra:
     property: G-64FEEXPSDN
 
 extra_css:
-  - css/custom.css
-  - css/marctech.css
-  - css/dropdown.css
+  - stylesheets/custom-bis.css
+  - stylesheets/marctech.css
+  - stylesheets/dropdown-bis.css
 
 extra_javascript:
-  - js/inject-api-links.js
-  - js/dropdown.js
-  - js/quickstart-fullscreen.js
+  - javascripts/inject-api-links.js
+  - javascripts/hide-dropdown.js
+  - javascripts/quickstart-fullscreen.js
 
 plugins:
   - search

From 71efc2bce1cdd839a44c0ba7f293733c0e1956db Mon Sep 17 00:00:00 2001
From: Victor Jouffrey <vicatjou@gmail.com>
Date: Wed, 10 Apr 2024 20:08:59 +0200
Subject: [PATCH 4/4] Fix merge issues

---
 docs/css/custom.css               |  126 ----
 docs/css/dropdown.css             |   55 --
 docs/css/marctech.css             | 1073 -----------------------------
 docs/js/dropdown.js               |    2 -
 docs/js/inject-api-links.js       |   66 --
 docs/js/quickstart-fullscreen.js  |   11 -
 docs/stylesheets/dropdown-bis.css |    4 +-
 7 files changed, 1 insertion(+), 1336 deletions(-)
 delete mode 100644 docs/css/custom.css
 delete mode 100644 docs/css/dropdown.css
 delete mode 100644 docs/css/marctech.css
 delete mode 100644 docs/js/dropdown.js
 delete mode 100644 docs/js/inject-api-links.js
 delete mode 100644 docs/js/quickstart-fullscreen.js

diff --git a/docs/css/custom.css b/docs/css/custom.css
deleted file mode 100644
index ac643adff..000000000
--- a/docs/css/custom.css
+++ /dev/null
@@ -1,126 +0,0 @@
-:root {
-  --md-primary-fg-color: #1eb382;
-  --md-secondary-fg-color: #188a64;
-  --md-tertiary-fg-color: #0d493550;
-  --md-quaternary-fg-color: #fdfdfd;
-  --border-radius-variable: 5px;
-}
-
-.md-footer__inner:not([hidden]) {
-  display: none;
-}
-
-/* Lex did stuff here */
-.svg_topnav {
-  width: 12px;
-  filter: invert(100);
-}
-.svg_topnav:hover {
-  width: 12px;
-  filter: invert(10);
-}
-
-.md-header[data-md-state="shadow"] {
-  box-shadow: 0 0 0 0;
-}
-
-.md-tabs__item:hover {
-  background-color: var(--md-tertiary-fg-color);
-  transition: background-color 450ms;
-}
-
-.md-sidebar__scrollwrap {
-  background-color: var(--md-quaternary-fg-color);
-  padding: 15px 5px 5px 5px;
-  border-radius: var(--border-radius-variable);
-}
-
-.image_logo_02 {
-  width: 450px;
-}
-
-/* End of Lex did stuff here */
-
-/* no-icon style for admonitions */
-.md-typeset .no-icon > .admonition-title::before,
-.md-typeset .no-icon > summary::before {
-  display: none;
-}
-.md-typeset .no-icon > :is(.admonition-title, summary) {
-  padding-left: 1rem;
-}
-/* end of no-icon style */
-
-.md-header__button.md-logo {
-  margin: 0.1rem;
-  padding: 0.1rem;
-}
-
-.md-header__button.md-logo img,
-.md-header__button.md-logo svg {
-  display: block;
-  width: 1.8rem;
-  height: 1.8rem;
-  fill: rgba(43, 155, 70, 0.1);
-}
-
-.md-tabs {
-  width: 100%;
-  overflow: auto;
-  color: var(--md-primary-bg-color);
-  background-color: var(--md-secondary-fg-color);
-  transition: background-color 250ms;
-}
-
-.wrapper {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 10px;
-  grid-auto-rows: minmax(100px, auto);
-}
-
-.wrapper * {
-  border: 2px solid green;
-  text-align: center;
-  padding: 70px 0;
-}
-
-.one {
-  grid-column: 1 / 2;
-  grid-row: 1;
-}
-.two {
-  grid-column: 2 / 3;
-  grid-row: 1;
-}
-.three {
-  grid-column: 3 / 4;
-  grid-row: 1;
-}
-.four {
-  grid-column: 4 / 5;
-  grid-row: 1;
-}
-.five {
-  grid-column: 1 / 3;
-  grid-row: 2;
-}
-.six {
-  grid-column: 3 / 5;
-  grid-row: 2;
-}
-
-/* Jupyter Stuff */
-.jupyter-wrapper .jp-CodeCell .jp-Cell-inputWrapper .jp-InputPrompt {
-  display: none !important;
-}
-
-@media screen and (max-width: 479px) {
-  .md-sidebar--primary,
-  .md-sidebar {
-    z-index: 50 !important;
-  }
-  .md-logo {
-    visibility: hidden;
-  }
-}
diff --git a/docs/css/dropdown.css b/docs/css/dropdown.css
deleted file mode 100644
index c1c768fa2..000000000
--- a/docs/css/dropdown.css
+++ /dev/null
@@ -1,55 +0,0 @@
-/* Style The Dropdown Button */
-.dropbtn {
-  color: white;
-  border: none;
-  cursor: pointer;
-}
-
-.md-tabs__list {
-  contain: inherit;
-}
-.md-tabs {
-overflow: inherit;
-}
-.md-header {
-  z-index: 1000 !important;
-}
-
-/* The container <div> - needed to position the dropdown content */
-.dropdown {
-  position: absolute;
-  display: inline-block;
-}
-
-/* Dropdown Content (Hidden by Default) */
-.dropdown-content {
-  display:none;
-  font-size: 13px;
-  position: absolute;
-  background-color: #f9f9f9;
-  min-width: 160px;
-  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-  z-index: 1000;
-  border-radius: 2px;
-  left:-15px;
-}
-
-/* Links inside the dropdown */
-.dropdown-content a {
-  color: black;
-  padding: 12px 16px;
-  text-decoration: none;
-  display: block;
-}
-
-/* Change color of dropdown links on hover */
-.dropdown-content a:hover {background-color: #f1f1f1}
-
-/* Show the dropdown menu on hover */
-.dropdown:hover .dropdown-content {
-  display: block;
-}
-
-/* Change the background color of the dropdown button when the dropdown content is shown */
-.dropdown:hover .dropbtn {
-}
diff --git a/docs/css/marctech.css b/docs/css/marctech.css
deleted file mode 100644
index 78fddc27e..000000000
--- a/docs/css/marctech.css
+++ /dev/null
@@ -1,1073 +0,0 @@
-:root {
-  --md-primary-fg-color: #1EB382;
-  --md-secondary-fg-color: #188a64;
-  --md-tertiary-fg-color: #0d493550;
-  --md-quaternary-fg-color: #fdfdfd;
-  --md-fiftuary-fg-color: #2471cf;
-  --border-radius-variable: 5px;
-  --border-width:1px;
-}
-
-.cellname{
-  font-style: italic;
-  vertical-align: top; 
-  margin-top:-20px;
-}
-.cellname2{
-  font-style: italic;
-  margin-top:10px;
-}
-
-.marctech_main a{
-  color: var(--md-fiftuary-fg-color);
-  border-bottom: 1px dotted var(--md-fiftuary-fg-color) !important;
-  text-decoration: dotted !important;}
-
-.marctech_main a:hover{
-  border-bottom: 1px dotted var(--md-primary-fg-color)!important;
-}
-
-.marctech_main a:visited{
-  color: var(--md-tertiary-fg-color);
-  border-bottom: 1px dotted var(--md-tertiary-fg-color) !important;
-
-}
-
-.w-layout-grid {
-  display: -ms-grid;
-  display: grid;
-  grid-auto-columns: 1fr;
-  -ms-grid-columns: 1fr 1fr;
-  grid-template-columns: 1fr 1fr;
-  -ms-grid-rows: auto auto;
-  grid-template-rows: auto auto;
-  grid-row-gap: 16px;
-  grid-column-gap: 16px;
-}
-
-.image_logo{
-  width: 69%;
-  background-color: rgba(255, 255, 255, 0.521);
-  z-index: 50;
-  padding: 0px 15px 0px 15px;
-  margin-bottom: 10px;
-}
-
-.layer_02{
-  pointer-events: none;
-}
-
-.round-frame{
-  pointer-events: initial;
-}
-
-.marctech_main {
-  margin-top:-20px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: 55px;
-}
-
-.collumns {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  height: 100%;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.col_heading {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin-left: 10px;
-}
-
-.enterprisefs {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.enterprise_ai {
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  -ms-grid-row-align: center;
-  align-self: center;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.side-content {
-  z-index: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 240px;
-  height: 100%;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  padding: 20px 10px;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-content: flex-start;
-  -ms-flex-line-pack: start;
-  align-content: flex-start;
-  border-style: solid;
-  border-width: var(--border-width);
-  border-color: #585858;
-  border-radius: 10px;
-  background-color:var(--md-quaternary-fg-color);
-}
-.body {
-  padding: 40px;
-  font-family: Roboto, sans-serif;
-}
-
-.green {
-  color: #1eb182;
-  font-size: 1.2vw;
-}
-
-.rec_frame {
-  position: relative;
-  z-index: 1;
-  display: inline-block;
-  min-width: 150px;
-  margin-top: 10px;
-  margin-right: 10px;
-  margin-left: 10px;
-  padding: 10px 10px;
-  border-style: solid;
-  border-width: var(--border-width);
-  border-color: #585858;
-  border-radius: 10px;
-  background-color: #fff;
-  box-shadow: 4px 4px 0 0 rgba(88, 88, 88, 0.16);
-  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
-  transition: box-shadow 200ms ease, border-color 200ms ease;
-  color: #585858;
-  text-align: center;
-  cursor: pointer;
-}
-
-.rec_frame:hover {
-  border-color: #c2c2c2;
-  box-shadow: none;
-}
-
-.name_item {
-  font-size: 0.7rem;
-  line-height: 120%;
-  font-weight: 700;
-}
-
-.name_item.db {
-  position: relative;
-  z-index: 3;
-  text-align: left;
-}
-
-.name_item.small {
-  font-size: 0.6rem;
-  font-weight: 500;
-}
-
-.name_item.ingrey {
-  padding-bottom: 20px;
-}
-
-.db_frame-mid {
-  position: relative;
-  z-index: 1;
-  margin-top: -8px;
-  padding: 5px 2px;
-  border-style: solid;
-  border-width: var(--border-width);
-  border-color: #585858;
-  border-radius: 0px 0% 50% 50%;
-  background-color: #fff;
-  color: #585858;
-  text-align: center;
-}
-
-.db_frame-top {
-  position: relative;
-  z-index: 2;
-  padding: 5px 2px;
-  border-style: solid;
-  border-width: var(--border-width);
-  border-color: #585858;
-  border-radius: 50%;
-  background-color: #fff;
-  color: #585858;
-  text-align: center;
-}
-
-.icondb {
-  position: relative;
-  width: 25px;
-  min-width: 25px;
-  margin-right: 10px;
-}
-
-.db_frame {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 150px;
-  height: 55px;
-  padding: 20px 10px;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border-style: solid;
-  border-width: var(--border-width);
-  border-color: #585858;
-  border-radius: 10px;
-  background-color: #fff;
-  box-shadow: 4px 4px 0 0 rgba(88, 88, 88, 0.16);
-  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
-  transition: box-shadow 200ms ease, border-color 200ms ease;
-  color: #585858;
-  text-align: center;
-  cursor: pointer;
-}
-
-.db_frame:hover {
-  border-color: #c2c2c2;
-  box-shadow: none;
-}
-
-.grid {
-  -ms-grid-rows: auto auto auto;
-  grid-template-rows: auto auto auto;
-}
-
-.arrowdown {
-  position: relative;
-  z-index: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  margin-top: -10px;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.heading_MT {
-  margin-top: 0px !important;
-  margin-bottom: 0px !important;
-  font-size: 1.3rem !important;
-  white-space: nowrap !important;
-}
-
-.head_col {
-  padding-left: 10px;
-}
-
-.MT_heading3 {
-  margin-top: 0px !important ;
-  font-size: 0.8rem !important;
-}
-
-.MT_heading3.green {
-  color: #1eb182 !important;
-}
-
-.column_sides {
-  position: relative;
-  z-index: 2;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.hopsicon {
-  width: 45px;
-  height: 45px;
-}
-
-.column_center {
-  z-index: 10;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.center-content {
-  z-index: -50;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 750px;
-  height: 670px;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  padding: 20px 10px;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-content: center;
-  -ms-flex-line-pack: center;
-  align-content: center;
-  border-radius: 10px;
-  background-color: transparent;
-}
-
-.image {
-  width: 260px;
-}
-
-.layer_01 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.name_center {
-  font-size: 1rem;
-  font-weight: 700;
-}
-
-.rec_frame_main {
-  position: relative;
-  z-index: 1;
-  margin-top: 10px;
-  margin-right: 10px;
-  margin-left: 10px;
-  padding: 5px 10px;
-  border-style: solid;
-  border-width: var(--border-width);
-  border-color: #1eb182;
-  border-radius: 10px;
-  background-color: #e6fdf6;
-  box-shadow: 4px 4px 0 0 #dcf7ee;
-  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
-  transition: box-shadow 200ms ease, border-color 200ms ease;
-  color: #1eb182;
-  text-align: center;
-  cursor: pointer;
-}
-
-.rec_frame_main:hover {
-  border-color: #9fecd4;
-  box-shadow: none;
-}
-
-.rec_frame_main.no_content {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  height: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  box-shadow: 4px 4px 0 0 #dcf7ee;
-}
-
-.rec_frame_main.no_content:hover {
-  border-color: #1eb182;
-  box-shadow: 4px 4px 0 0 rgba(88, 88, 88, 0.16);
-}
-
-.name_item_02 {
-  font-size: 0.85rem;
-  font-weight: 700;
-}
-
-.grid-infra {
-  padding-top: 20px;
-  -ms-grid-columns: 1fr 1fr 1fr 1fr;
-  grid-template-columns: 1fr 1fr 1fr 1fr;
-  -ms-grid-rows: auto;
-  grid-template-rows: auto;
-}
-
-.rec_frame_main-white {
-  position: relative;
-  z-index: 1;
-  display: inline-block;
-  width: 100%;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  padding: 5px 10px;
-  border-style: solid;
-  border-width: var(--border-width);
-  border-color: #1eb182;
-  border-radius: 10px;
-  background-color: #fff;
-  box-shadow: 4px 4px 0 0 rgba(88, 88, 88, 0.16);
-  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
-  transition: box-shadow 200ms ease, border-color 200ms ease;
-  color: #1eb182;
-  text-align: center;
-  cursor: pointer;
-}
-
-.rec_frame_main-white:hover {
-  border-color: #c2c2c2;
-  box-shadow: none;
-}
-
-.rec_frame_main-white.dotted {
-  border-style: dotted;
-}
-
-.column {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.columns_center {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-
-.non-bold {
-  font-weight: 400;
-}
-
-.logo-holder {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.infra {
-  text-align: center;
-  position: relative;
-  z-index: 30;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 1px dashed #000;
-  border-radius: 6px;
-  background-color: #fff;
-  cursor: pointer;
-}
-
-.infra:hover {
-  border-style: solid;
-  border-color: #585858;
-}
-
-.text_and_icon {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.svg_icon {
-  width: 33px;
-  margin-right: 10px;
-  margin-left: 10px;
-}
-
-.layer_02 {
-  position: absolute;
-  z-index: 10;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 96%;
-  height: 90%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: stretch;
-  -webkit-align-items: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  border-style: solid;
-  border-width: var(--border-width);
-  border-color: #bbbbbb35 ;
-  border-radius: 100%;
-  background-color: transparent;
-}
-
-.round-frame {
-  position: absolute;
-  left: 0%;
-  top: auto;
-  right: auto;
-  bottom: 0%;
-  z-index: 10;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 90px;
-  height: 90px;
-  margin: 10px;
-  padding: 10px;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border-style: dotted;
-  border-width: var(--border-width);
-  border-color: var(--md-tertiary-fg-color);
-  border-radius: 100%;
-  background-color: #fff;
-  outline-color: #fffc;
-  outline-offset: 0px;
-  outline-style: solid;
-  outline-width: 4px;
-  -webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
-  transition: box-shadow 200ms ease, border-color 200ms ease;
-  color: var(--md-tertiary-fg-color);
-  text-align: center;
-  cursor: pointer;
-}
-
-.round-frame:hover {
-  border-color: #c2c2c2;
-  box-shadow: none;
-}
-
-.round-frame.top-left {
-  left: 4%;
-  top: 15%;
-  right: auto;
-  bottom: auto;
-}
-
-.round-frame.bottom-left {
-  left: 4%;
-  bottom: 15%;
-}
-
-.round-frame.top-right {
-  left: auto;
-  top: 15%;
-  right: 4%;
-  bottom: auto;
-}
-
-.round-frame.bottom-right {
-  left: auto;
-  top: auto;
-  right: 4%;
-  bottom: 15%;
-  padding: 10px;
-}
-
-.side-holder {
-  z-index: -1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  height: 630px;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.infra-icon {
-  width: 25px;
-  height: 25px;
-}
-
-.div-block {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  height: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-
-#w-node-a2a9b648-f5dd-74e5-e1c2-f7aaf4fa1fcd-46672785 {
-  -ms-grid-column: span 1;
-  grid-column-start: span 1;
-  -ms-grid-column-span: 1;
-  grid-column-end: span 1;
-  -ms-grid-row: span 1;
-  grid-row-start: span 1;
-  -ms-grid-row-span: 1;
-  grid-row-end: span 1;
-}
-
-#w-node-_466aa2bf-88bf-5a65-eab4-fc1eb95e7384-46672785 {
-  -ms-grid-column: span 1;
-  grid-column-start: span 1;
-  -ms-grid-column-span: 1;
-  grid-column-end: span 1;
-  -ms-grid-row: span 1;
-  grid-row-start: span 1;
-  -ms-grid-row-span: 1;
-  grid-row-end: span 1;
-}
-
-#w-node-_87009ba3-d9a6-e0b7-4cce-581190a19cf3-46672785 {
-  -ms-grid-column: span 1;
-  grid-column-start: span 1;
-  -ms-grid-column-span: 1;
-  grid-column-end: span 1;
-  -ms-grid-row: span 1;
-  grid-row-start: span 1;
-  -ms-grid-row-span: 1;
-  grid-row-end: span 1;
-}
-
-#w-node-_4a479fbb-90c7-9f47-d439-20aa6a224339-46672785 {
-  -ms-grid-column: span 1;
-  grid-column-start: span 1;
-  -ms-grid-column-span: 1;
-  grid-column-end: span 1;
-  -ms-grid-row: span 1;
-  grid-row-start: span 1;
-  -ms-grid-row-span: 1;
-  grid-row-end: span 1;
-}
-
-
-/*  
-
-
-inherited from the original template
-
-*/ 
-
-.w-container .w-row {
-  margin-left: -10px;
-  margin-right: -10px;
-}
-.w-row:before,
-.w-row:after {
-  content: " ";
-  display: table;
-  grid-column-start: 1;
-  grid-row-start: 1;
-  grid-column-end: 2;
-  grid-row-end: 2;
-}
-.w-row:after {
-  clear: both;
-}
-.w-row .w-row {
-  margin-left: 0;
-  margin-right: 0;
-}
-.w-col {
-  position: relative;
-  float: left;
-  width: 100%;
-  min-height: 1px;
-  padding-left: 10px;
-  padding-right: 10px;
-}
-.w-col .w-col {
-  padding-left: 0;
-  padding-right: 0;
-}
-.w-col-1 {
-  width: 8.33333333%;
-}
-.w-col-2 {
-  width: 16.66666667%;
-}
-.w-col-3 {
-  width: 25%;
-}
-.w-col-4 {
-  width: 33.33333333%;
-}
-.w-col-5 {
-  width: 41.66666667%;
-}
-.w-col-6 {
-  width: 50%;
-}
-.w-col-7 {
-  width: 58.33333333%;
-}
-.w-col-8 {
-  width: 66.66666667%;
-}
-.w-col-9 {
-  width: 75%;
-}
-.w-col-10 {
-  width: 83.33333333%;
-}
-.w-col-11 {
-  width: 91.66666667%;
-}
-.w-col-12 {
-  width: 100%;
-}
-.w-hidden-main {
-  display: none !important;
-}
-@media screen and (max-width: 991px) {
-  .w-container {
-    max-width: 728px;
-  }
-  .w-hidden-main {
-    display: inherit !important;
-  }
-  .w-hidden-medium {
-    display: none !important;
-  }
-  .w-col-medium-1 {
-    width: 8.33333333%;
-  }
-  .w-col-medium-2 {
-    width: 16.66666667%;
-  }
-  .w-col-medium-3 {
-    width: 25%;
-  }
-  .w-col-medium-4 {
-    width: 33.33333333%;
-  }
-  .w-col-medium-5 {
-    width: 41.66666667%;
-  }
-  .w-col-medium-6 {
-    width: 50%;
-  }
-  .w-col-medium-7 {
-    width: 58.33333333%;
-  }
-  .w-col-medium-8 {
-    width: 66.66666667%;
-  }
-  .w-col-medium-9 {
-    width: 75%;
-  }
-  .w-col-medium-10 {
-    width: 83.33333333%;
-  }
-  .w-col-medium-11 {
-    width: 91.66666667%;
-  }
-  .w-col-medium-12 {
-    width: 100%;
-  }
-  .w-col-stack {
-    width: 100%;
-    left: auto;
-    right: auto;
-  }
-}
-@media screen and (max-width: 767px) {
-  .w-hidden-main {
-    display: inherit !important;
-  }
-  .w-hidden-medium {
-    display: inherit !important;
-  }
-  .w-hidden-small {
-    display: none !important;
-  }
-  .w-row,
-  .w-container .w-row {
-    margin-left: 0;
-    margin-right: 0;
-  }
-  .w-col {
-    width: 100%;
-    left: auto;
-    right: auto;
-  }
-  .w-col-small-1 {
-    width: 8.33333333%;
-  }
-  .w-col-small-2 {
-    width: 16.66666667%;
-  }
-  .w-col-small-3 {
-    width: 25%;
-  }
-  .w-col-small-4 {
-    width: 33.33333333%;
-  }
-  .w-col-small-5 {
-    width: 41.66666667%;
-  }
-  .w-col-small-6 {
-    width: 50%;
-  }
-  .w-col-small-7 {
-    width: 58.33333333%;
-  }
-  .w-col-small-8 {
-    width: 66.66666667%;
-  }
-  .w-col-small-9 {
-    width: 75%;
-  }
-  .w-col-small-10 {
-    width: 83.33333333%;
-  }
-  .w-col-small-11 {
-    width: 91.66666667%;
-  }
-  .w-col-small-12 {
-    width: 100%;
-  }
-}
-@media screen and (max-width: 479px) {
-  .column_sides, .layer_02, .enterprisefs{
-    visibility: hidden;
-  }
-
-  .marctech_main {
-    margin-top: -80px;
-  }
-
-  .grid-infra{
-    margin-left: 10px;
-    margin-right: 10px;
-  }
-  .center-content {
-    width: 100vw;
-  }
-  .w-container {
-    max-width: none;
-  }
-  .w-hidden-main {
-    display: inherit !important;
-  }
-  .w-hidden-medium {
-    display: inherit !important;
-  }
-  .w-hidden-small {
-    display: inherit !important;
-  }
-  .w-hidden-tiny {
-    display: none !important;
-  }
-  .w-col {
-    width: 100%;
-  }
-  .w-col-tiny-1 {
-    width: 8.33333333%;
-  }
-  .w-col-tiny-2 {
-    width: 16.66666667%;
-  }
-  .w-col-tiny-3 {
-    width: 25%;
-  }
-  .w-col-tiny-4 {
-    width: 33.33333333%;
-  }
-  .w-col-tiny-5 {
-    width: 41.66666667%;
-  }
-  .w-col-tiny-6 {
-    width: 50%;
-  }
-  .w-col-tiny-7 {
-    width: 58.33333333%;
-  }
-  .w-col-tiny-8 {
-    width: 66.66666667%;
-  }
-  .w-col-tiny-9 {
-    width: 75%;
-  }
-  .w-col-tiny-10 {
-    width: 83.33333333%;
-  }
-  .w-col-tiny-11 {
-    width: 91.66666667%;
-  }
-  .w-col-tiny-12 {
-    width: 100%;
-  }
-}
\ No newline at end of file
diff --git a/docs/js/dropdown.js b/docs/js/dropdown.js
deleted file mode 100644
index 2618e0ce7..000000000
--- a/docs/js/dropdown.js
+++ /dev/null
@@ -1,2 +0,0 @@
-document.getElementsByClassName("md-tabs__link")[7].style.display = "none";
-document.getElementsByClassName("md-tabs__link")[9].style.display = "none";
diff --git a/docs/js/inject-api-links.js b/docs/js/inject-api-links.js
deleted file mode 100644
index b2bfb2022..000000000
--- a/docs/js/inject-api-links.js
+++ /dev/null
@@ -1,66 +0,0 @@
-window.addEventListener("DOMContentLoaded", function () {
-  var windowPathNameSplits = window.location.pathname.split("/");
-  var majorVersionRegex = new RegExp("(\\d+[.]\\d+)");
-  if (majorVersionRegex.test(windowPathNameSplits[1])) {
-    // On landing page docs.hopsworks.api/3.0 - URL contains major version
-    // Version API dropdown
-    document.getElementById("hopsworks_api_link").href =
-      "https://docs.hopsworks.ai/hopsworks-api/" +
-      windowPathNameSplits[1] +
-      "/generated/api/login/";
-    document.getElementById("hsfs_api_link").href =
-      "https://docs.hopsworks.ai/feature-store-api/" +
-      windowPathNameSplits[1] +
-      "/generated/api/connection_api/";
-    document.getElementById("hsml_api_link").href =
-      "https://docs.hopsworks.ai/machine-learning-api/" +
-      windowPathNameSplits[1] +
-      "/generated/connection_api/";
-    document.getElementById("hsfs_javadoc_link").href =
-      "https://docs.hopsworks.ai/feature-store-api/" +
-      windowPathNameSplits[1] +
-      "/javadoc";
-  } else {
-    // on docs.hopsworks.api/feature-store-api/3.0 / docs.hopsworks.api/hopsworks-api/3.0 / docs.hopsworks.api/machine-learning-api/3.0
-    var apiVersion = windowPathNameSplits[2];
-    var majorVersion = apiVersion.match(majorVersionRegex)[0];
-    // Version main navigation
-    document.getElementsByClassName("md-tabs__link")[0].href =
-      "https://docs.hopsworks.ai/" + majorVersion;
-    document.getElementsByClassName("md-tabs__link")[1].href =
-      "https://docs.hopsworks.ai/" +
-      majorVersion +
-      "/getting_started/quickstart/";
-    document.getElementsByClassName("md-tabs__link")[2].href =
-      "https://docs.hopsworks.ai/" +
-      majorVersion +
-      "/tutorials/fraud_batch/1_feature_groups/";
-    document.getElementsByClassName("md-tabs__link")[3].href =
-      "https://docs.hopsworks.ai/" + majorVersion + "/concepts/hopsworks/";
-    document.getElementsByClassName("md-tabs__link")[4].href =
-      "https://docs.hopsworks.ai/" + majorVersion + "/user_guides/";
-    document.getElementsByClassName("md-tabs__link")[5].href =
-      "https://docs.hopsworks.ai/" +
-      majorVersion +
-      "/setup_installation/aws/getting_started/";
-    document.getElementsByClassName("md-tabs__link")[6].href =
-      "https://docs.hopsworks.ai/" + majorVersion + "/admin/";
-    // Version API dropdown
-    document.getElementById("hopsworks_api_link").href =
-      "https://docs.hopsworks.ai/hopsworks-api/" +
-      majorVersion +
-      "/generated/api/login/";
-    document.getElementById("hsfs_api_link").href =
-      "https://docs.hopsworks.ai/feature-store-api/" +
-      majorVersion +
-      "/generated/api/connection_api/";
-    document.getElementById("hsfs_javadoc_link").href =
-      "https://docs.hopsworks.ai/feature-store-api/" +
-      majorVersion +
-      "/javadoc";
-    document.getElementById("hsml_api_link").href =
-      "https://docs.hopsworks.ai/machine-learning-api/" +
-      majorVersion +
-      "/generated/connection_api/";
-  }
-});
diff --git a/docs/js/quickstart-fullscreen.js b/docs/js/quickstart-fullscreen.js
deleted file mode 100644
index e963e0a75..000000000
--- a/docs/js/quickstart-fullscreen.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/*
-    This script removes the sidebar from the Getting Started page for the example to expand whole page on non-mobile devices.
-*/
-
-//https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent for recommended approach to test if device is mobile
-if (
-  window.location.pathname.endsWith("hopsworks-tutorials/quickstart/") &&
-  !/Mobi|Android/i.test(navigator.userAgent)
-) {
-  document.getElementsByClassName("md-sidebar--primary")[0].remove();
-}
diff --git a/docs/stylesheets/dropdown-bis.css b/docs/stylesheets/dropdown-bis.css
index 22ba42f17..1a5a48fd7 100644
--- a/docs/stylesheets/dropdown-bis.css
+++ b/docs/stylesheets/dropdown-bis.css
@@ -3,8 +3,6 @@
   color: white;
   border: none;
   cursor: pointer;
-  /* top: -2px;
-  position: absolute; */
 }
 
 .md-tabs__list {
@@ -33,7 +31,7 @@ overflow: inherit;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1000;
   border-radius: 2px;
-  top:35px;
+  top:32px;
   left:-15px;
 }