Add buttons linking to the installation page (#2086)

* Add in Install Terminal link

* Add in CSS and HTML for a button that links to terminal installation

* Because Jose said so

* Jose forced me to

* Last change forced by Jose

* No rel:

website/data/menu/more.yml

@@ -1,5 +1,9 @@
 ---
 more:
+  - name: "Install the Terminal"
+    ref: "https://www.openbb.co/products/terminal"
+    external: true
+    icon: "gdoc_download"
   - name: "View Source"
     ref: "https://github.com/OpenBB-finance/OpenBBTerminal"
     external: true

website/themes/hugo-geekdoc/layouts/partials/head/others.html

@@ -15,6 +15,71 @@
 <link rel="preload" href="{{ index .Site.Data.assets "custom.css" | relURL }}" as="style">
 <link rel="stylesheet" href="{{ index .Site.Data.assets "custom.css" | relURL }}" media="all">
 
+<style>
+._btn {
+    text-decoration: none !important;
+  display: inline-flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  border-radius: 4px;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  text-align: center;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  background-color: #eaeaeaff;
+  color: #2a2a2aff !important;
+}
+
+@media (min-width: 768px) {
+  ._btn {
+    width: -webkit-fit-content;
+    width: -moz-fit-content;
+    width: fit-content;
+  }
+}
+
+._btn > svg {
+  pointer-events: none;
+}
+
+._btn:hover {
+  background-color: #ffffffff;
+}
+
+._btn:focus {
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: #808080ff;
+}
+
+._btn:active {
+  background-color: #dcdcdcff;
+}
+
+._btn:active:hover {
+  color: #070707ff;
+}
+
+._btn:disabled {
+  background-color: #c8c8c8ff;
+  color: #808080ff;
+}
+
+._btn:disabled:active {
+  background-color: #c8c8c8ff;
+  color: #808080ff;
+}
+</style>
+
 {{ with .OutputFormats.Get "rss" -}}
     {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
 {{ end -}}
@@ -23,4 +88,4 @@
 <base href="{{ .Site.BaseURL }}">
 {{ end }}
 
-{{ printf "<!-- %s -->" "Made with Geekdoc theme https://github.com/thegeeklab/hugo-geekdoc" | safeHTML }}
+{{ printf "<!-- %s -->" "Made with Geekdoc theme https://github.com/thegeeklab/hugo-geekdoc" | safeHTML }}

website/themes/hugo-geekdoc/layouts/partials/site-header.html

@@ -16,18 +16,8 @@
       </span>
     </a>
 
-    <span id="gdoc-dark-mode">
-      <!--
-      <svg class="icon gdoc_brightness_dark">
-        <use xlink:href="#gdoc_brightness_dark"></use>
-      </svg>
-      <svg class="icon gdoc_brightness_light">
-        <use xlink:href="#gdoc_brightness_light"></use>
-      </svg>
-      <svg class="icon gdoc_brightness_auto">
-        <use xlink:href="#gdoc_brightness_auto"></use>
-      </svg>
-    -->
-    </span>
+    <span id="gdoc-dark-mode"> </span>
+    <a href="https://openbb.co/products/terminal" class="_btn" target="_blank" rel="noopener noreferrer"
+      >Install the OpenBB Terminal</a>
   </div>
-</header>
+</header>