Add login button to docs site (#544) (#549)

* Add login button & switch search

* Tweak login options

* Padding?

* Ughhh padding

* Add VPV to login options

* Wording tweak

---------

Co-authored-by: Nik Richers <nik@validmind.ai>
Co-authored-by: Beck <164545837+validbeck@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: 3 people

site/_quarto.yml

@@ -14,9 +14,6 @@ website:
   google-analytics: 
     tracking-id: "G-S46CKWPNSS"
     anonymize-ip: true
-  search:
-    location: sidebar
-    type: textbox
     show-item-context: true
   page-navigation: true
   repo-url: https://github.com/validmind/documentation/
@@ -75,6 +72,23 @@ website:
       - text: "validmind.com {{< fa external-link >}}"
         file: https://validmind.com/
         target: _blank
+    right:
+      - text: "Login"
+        menu:
+          - text: "Public Internet"
+          - text: "{{< var validmind.platform >}} · `US1` {{< fa right-to-bracket >}}"
+            href:  https://app.prod.validmind.ai/
+            target: _blank
+          - text: "{{< var validmind.platform >}} · `CA1` {{< fa right-to-bracket >}}"
+            href: https://app.ca1.validmind.ai
+            target: _blank
+          - text: "---"
+          - text: "Private Link"
+          - text: "{{< var validmind.vpv >}} (VPV)"
+            href: "guide/configuration/log-in-to-validmind.qmd#section"
+          - text: "---"
+          - text: "<small>Which login should I use?</small>"
+            href: "guide/configuration/log-in-to-validmind.qmd"
 
 #  COMMENT THIS OUT WHEN DONE TESTING
       # - text: "{{< fa flask >}} Testing"

site/guide/configuration/log-in-to-validmind.qmd

@@ -21,7 +21,7 @@ Log in to our cloud-hosted {{< var validmind.platform >}} to work with your mode
 {{< var vm.product >}} supports the following methods for logging in:
 
 - [Public internet](#public-internet) — easiest, less secure
-- [Private network endpoints](#private-network-endpoints) — requires additional configuration, more secure
+- [{{< var validmind.vpv >}}](#section) — requires additional configuration, more secure
 
 ::: {.attn}
 
@@ -52,9 +52,9 @@ Signing up is FREE — {{< var link.register >}}
 
     After successful login, you will be redirected to the main dashboard of the {{< var validmind.platform >}}.
 
-## Private network endpoints
+## {{< var validmind.vpv >}}
 
-To configure and log in through a private endpoint for your company VPC using a supported service:
+To configure and log in through a private link for your company VPC using a supported service:
 
 :::{#private-networks}
 :::

site/styles.css

@@ -173,7 +173,7 @@ pre, pre.python, pre.bash, pre.yaml, pre.markdown {
 
 .hero {
   position: relative;
-  margin-top: -35px;
+  margin-top: -50px;
   padding: 75px;
   padding-bottom: 50px;
   color: white;
@@ -460,6 +460,24 @@ figcaption {
   filter: brightness(125%);
 }
 
+#nav-menu-login {
+  background-color: #083E44;
+  border: 1px solid #083E44;
+  color: white;
+  padding: 0.375rem 0.75rem;
+  border-radius: 4px;
+  text-decoration: none;
+}
+
+#nav-menu-login:hover {
+  text-decoration: none;
+  filter: brightness(125%);
+}
+
+.dropdown-menu.dropdown-menu-end.show {
+  padding-top: 0.5rem; /* Adjust the value as needed */
+}
+
 .video, iframe[src*="youtube.com"] {
   box-shadow: 5px 5px 5px #ccc; 
   border-radius: 5px;

site/training/assets/training.css

@@ -8,7 +8,7 @@ a:hover {
 
 .training-hero {
     position: relative;
-    margin-top: -35px;
+    margin-top: -50px;
     padding: 100px;
     background-color: #042426;
     color: #EAF8FA;