Improve hugo docs (#1113)

* added gitignore to website, fix portfolio toggle and website path

* updating styles and homepage

* added index page, removed dark mode, updated styling

* fixed colors

* updated urls (removed /GamestonkTerminal after url)

website/.gitignore

@@ -0,0 +1 @@
+.hugo_build.lock

website/README.md

@@ -1,6 +1,6 @@
 # Hugo Server
 
-The current features can be found in [Gamestonk Terminal Features](https://gamestonkterminal.github.io/GamestonkTerminal/).
+The current features can be found in [Gamestonk Terminal Features](https://gamestonkterminal.github.io/).
 
 <!-- TABLE OF CONTENTS -->
 <summary><h2 style="display: inline-block">Table of Contents</h2></summary>
@@ -14,7 +14,6 @@ The current features can be found in [Gamestonk Terminal Features](https://games
     </ul>
 </ol>
 
-
 ## Install Hugo
 
 Install [Hugo](https://gohugo.io/getting-started/installing/).
@@ -22,16 +21,19 @@ Install [Hugo](https://gohugo.io/getting-started/installing/).
 ## Run Locally
 
 Go into `website` directory with:
+
 ```
 cd website
 ```
 
 And run:
+
 ```
 hugo server -D
 ```
 
 If everything is working well, the following should appear:
+
 ```
 13:58 $ hugo server -D
 Start building sites …
@@ -54,20 +56,20 @@ Watching for config changes in /Users/DidierRodriguesLopes/Documents/git/Gamesto
 Environment: "development"
 Serving pages from memory
 Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
-Web Server is available at http://localhost:1313/GamestonkTerminal/ (bind address 127.0.0.1)
+Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
 Press Ctrl+C to stop
 ```
 
-And you should be able to access your local version at http://localhost:1313/GamestonkTerminal/.
+And you should be able to access your local version at http://localhost:1313/.
 
 This will be important for the addiiton of features to the Hugo Server.
 
-
 ## Adding Features
 
 ### Structure
 
 This is the structure that the documentation follows:
+
 ```
 website/content/_index.md
                /stocks/_index.md
@@ -99,21 +101,24 @@ Note that the `common` folder holds features that are common across contexts, e.
 To add a new command, there are two main actions that need to be done:
 
 1. Create a directory with the name of the command and a `_index.md` file within. Examples:
-    * When adding `ipo`, since this command belongs to context `stocks` and category `discovery`, we added a `ipo` folder with a `_index.md` file within to `website/content/stocks/discovery`.
-    * When adding `candle`, since this command belongs to context `stocks`, we added a `candle` folder with a `_index.md` file within to `website/content/stocks/`.
+
+   - When adding `ipo`, since this command belongs to context `stocks` and category `discovery`, we added a `ipo` folder with a `_index.md` file within to `website/content/stocks/discovery`.
+   - When adding `candle`, since this command belongs to context `stocks`, we added a `candle` folder with a `_index.md` file within to `website/content/stocks/`.
 
 2. The `_index.md` file should have the output of the `command -h` followed by a screenshot example (with white background) of what the user can expect. Note that you can now drag and drop the images while editing the readme file on the remote web version of your PR branch. Github will create a link for it with format (https://user-images.githubusercontent.com/***/***.file_format).
 
 Example:
 
 ---
+
 ```shell
 usage: ipo [-p PAST_DAYS] [-f FUTURE_DAYS]
 ```
 
 Past and future IPOs. [Source: https://finnhub.io]
-* -p : Number of past days to look for IPOs. Default 0.
-* -f : Number of future days to look for IPOs. Default 10.
+
+- -p : Number of past days to look for IPOs. Default 0.
+- -f : Number of future days to look for IPOs. Default 10.
 
 <IMAGE HERE - Use drag and drop hint mentioned above>
 
@@ -138,4 +143,4 @@ main:
             ref: "/stocks/discovery/ipo"
           - name: map
             ref: "/stocks/discovery/map"
- ```
+```

website/config.toml

@@ -1,4 +1,4 @@
-baseURL = "https://gamestonkterminal.github.io/GamestonkTerminal/"
+baseURL = "https://gamestonkterminal.github.io/"
 title = "Gamestonk Terminal"
 theme = "hugo-geekdoc"
 

website/content/_index.md

@@ -1,5 +1,6 @@
 ---
 title: Gamestonk Terminal
+description: A modern investment research tool for Everyone.
 geekdocNav: true
 geekdocAnchor: false
 resources:
@@ -8,10 +9,63 @@ resources:
     title:
 ---
 
+<!-- markdownlint-capture -->
+<!-- markdownlint-disable MD033 -->
+
+<span class="badge-placeholder">[![Hugo Version](https://img.shields.io/badge/hugo-0.83-blue.svg)](https://gohugo.io)</span>
+<span class="badge-placeholder">[![GitHub contributors](https://img.shields.io/github/contributors/GamestonkTerminal/GamestonkTerminal)](https://github.com/GamestonkTerminal/GamestonkTerminal/graphs/contributors)</span>
+<span class="badge-placeholder">[![License: MIT](https://img.shields.io/github/license/GamestonkTerminal/GamestonkTerminal)](https://github.com/GamestonkTerminal/GamestonkTerminal/blob/main/LICENSE)</span>
+
+<!-- markdownlint-restore -->
+
 **A modern investment research tool for Everyone.**
 
-{{< img name="GST" lazy=false >}}
+<!--{{< img name="GST" lazy=false >}}-->
 
 Gamestonk Terminal provides a modern Python-based integrated environment for investment research, that allows the average joe retail trader to leverage state-of-the-art Data Science and Machine Learning technologies.
 
 As a modern Python-based environment, GamestonkTerminal opens access to numerous Python data libraries in Data Science (Pandas, Numpy, Scipy, Jupyter), Machine Learning (Pytorch, Tensorflow, Sklearn, Flair), and Data Acquisition (Beautiful Soup, and numerous third-party APIs).
+
+<!--{{< button size="large" relref="stocks/" >}}Getting Started{{< /button >}}-->
+
+## Feature overview
+
+{{< columns >}}
+
+### Clean and simple design
+
+Stay focused on exploring the content and don't get overwhelmed by a complex design.
+
+<--->
+
+### Light and mobile-friendly
+
+The theme is powered by less than 1 MB and looks impressive on mobile devices as well as on a regular Desktop.
+
+<--->
+
+### Easy customization
+
+The look and feel can be easily customized by CSS custom properties (variables), features can be adjusted by Hugo parameters.
+
+{{< /columns >}}
+
+{{< columns >}}
+
+### Zero initial configuration
+
+Getting started in minutes. The theme is shipped with a default configuration and works out of the box.
+
+<--->
+
+### Handy shortcodes
+
+We included some (hopefully) useful custom shortcodes so you don't have to and can focus on writing amazing docs.
+
+<--->
+
+### Dark mode
+
+Powerful dark mode that detects your system preferences or can be controlled by a toggle switch.
+
+{{< /columns >}}

website/content/common/quantitative_analysis/load/_index.md

@@ -1 +1 @@
-Use the [load](https://gamestonkterminal.github.io/GamestonkTerminal/stocks/load/) command within the submenu.
+Use the [load](https://gamestonkterminal.github.io/stocks/load/) command within the submenu.

website/content/portfolio/_index.md

@@ -1,3 +1,9 @@
+---
+geekdocCollapseSection: true
+---
+
+{{< toc-tree >}}
+
 ```text
 (✨) / $ portfolio
 
@@ -19,9 +25,3 @@ Reports:
 Graphs:
     rmr         graph your returns versus the market's returns
 ```
-
----
-geekdocCollapseSection: true
----
-
-{{< toc-tree >}}

website/content/stocks/candle/_index.md

@@ -2,7 +2,7 @@
 usage: candle [-m] [--export {csv,json,xlsx}] [--sort {AdjClose,Open,Close,High,Low,Volume,Returns,LogRet}] [-d] [--raw] [-n NUM] [-h]
 ```
 
-Shows historic data for the [loaded ticker](https://gamestonkterminal.github.io/GamestonkTerminal/stocks/load/) in an interactive chart that loads in a web browser. Static charts are also available through the optional '-m' argument. There is also the ability to retrieve and sort raw data sets based on the intraday interval and date window selected through the load command. 
+Shows historic data for the [loaded ticker](https://gamestonkterminal.github.io/stocks/load/) in an interactive chart that loads in a web browser. Static charts are also available through the optional '-m' argument. There is also the ability to retrieve and sort raw data sets based on the intraday interval and date window selected through the load command.
 
 ```
 optional arguments:
@@ -15,8 +15,7 @@ optional arguments:
   --raw                 Shows raw data instead of chart (default: False)
   -n NUM, --num NUM     Number to show if raw selected (default: 20)
   -h, --help            show this help message (default: False)
-``` 
+```
 
 <img size="1400" alt="Feature Screenshot - candle it" src="https://user-images.githubusercontent.com/85772166/140820534-5d7b68d3-06b3-4afc-b299-9d3232ca2f79.png">
 <img size="1400" alt="Feature Screenshot - candle raw" src="https://user-images.githubusercontent.com/85772166/140823989-b1ef3cb8-54ec-44ab-9f29-c9b68c1dc248.png">
-

website/content/stocks/comparison_analysis/load/_index.md

@@ -1,7 +1,8 @@
 ```text
 usage: load [-t S_TICKER] [-s S_START_DATE] [-i {1,5,15,30,60}] [--source {yf,av,iex}] [-p] [-h]
 ```
-Shortcut to the [load](https://gamestonkterminal.github.io/GamestonkTerminal/stocks/load/) feature.
+
+Shortcut to the [load](https://gamestonkterminal.github.io/stocks/load/) feature.
 
 ```
 optional arguments:

website/content/stocks/dark_pool_shorts/ftd/_index.md

@@ -1,7 +1,8 @@
 ```
 usage: ftd [-s START] [-e END] [-n N_NUM] [--raw] [--export {csv,json,xlsx}] [-h]
 ```
-Display Fails to Deliver statistics for the [loaded ticker](https://gamestonkterminal.github.io/GamestonkTerminal/stocks/load/). Source: https://www.sec.gov/data/foiadocsfailsdatahtm
+
+Display Fails to Deliver statistics for the [loaded ticker](https://gamestonkterminal.github.io/stocks/load/). Source: https://www.sec.gov/data/foiadocsfailsdatahtm
 
 For an in-depth look at the complex iregularities of the securities settlement process, review this PDF:
 [Naked Short Sales and Fails to Deliver: An Overview of Clearing and Settlement Procedures for Stock Trades in the US](https://github.com/deeleeramone/GamestonkTerminal/files/7489219/Naked.Short.Sales.and.Fails.to.Deliver.pdf)
@@ -18,7 +19,7 @@ optional arguments:
                         Export dataframe data to csv,json,xlsx file
   -h, --help            show this help message
 ```
+
 <img width="1337" alt="Feature Screenshot - FTD" src="https://user-images.githubusercontent.com/85772166/140587710-02d97bbe-d75c-4489-8411-e051e7d802a6.png">
 
 <img width="1400" alt="Feature Screenshot - ftd raw" src="https://user-images.githubusercontent.com/85772166/140587632-bd97eb1c-3f79-4537-a86e-5b22042a365e.png">
-

website/content/stocks/insider/load/_index.md

@@ -2,7 +2,7 @@
 usage: load [-t S_TICKER] [-s S_START_DATE] [-i {1,5,15,30,60}] [--source {yf,av,iex}] [-p] [-h]
 ```
 
-See: [load](https://gamestonkterminal.github.io/GamestonkTerminal/stocks/load/)
+See: [load](https://gamestonkterminal.github.io/stocks/load/)
 
 ```
 optional arguments:

website/content/stocks/news/_index.md

@@ -1,7 +1,8 @@
 ```
 usage: news [-n N_NUM] [-d N_START_DATE] [-o] [-s N_SOURCES [N_SOURCES ...]] [-h]
 ```
-Using the [loaded ticker](https://gamestonkterminal.github.io/GamestonkTerminal/stocks/load/), the 'news' command will search articles and blogs with the [News API](https://newsapi.org) where the ticker symbol or company name are mentioned. Searches are limited to the past thirty days when using the free API key available. Searches may bring unwanted results when the ticker or business name contains words used as the Dictionary defines.  Optional arguments can be added to the command string as described below. 
+
+Using the [loaded ticker](https://gamestonkterminal.github.io/stocks/load/), the 'news' command will search articles and blogs with the [News API](https://newsapi.org) where the ticker symbol or company name are mentioned. Searches are limited to the past thirty days when using the free API key available. Searches may bring unwanted results when the ticker or business name contains words used as the Dictionary defines. Optional arguments can be added to the command string as described below.
 
 ```
 optional arguments:
@@ -14,4 +15,5 @@ optional arguments:
                         Show news only from the sources specified (e.g bbc yahoo.com)
   -h, --help            show this help message
 ```
+
 <img width="1399" alt="Feature Screenshot - News" src="https://user-images.githubusercontent.com/85772166/140126730-3e148862-e1b3-4a27-b322-3b6fd432c7a5.png">

website/content/stocks/quote/_index.md

@@ -2,7 +2,7 @@
 usage: quote [-t S_TICKER] [-p] [-h]
 ```
 
-Retrieves a current quote from the currently [loaded ticker](https://gamestonkterminal.github.io/GamestonkTerminal/stocks/load/). To view a quote from a different symbol than what is currently loaded, add the '-t' argument to the command string. 
+Retrieves a current quote from the currently [loaded ticker](https://gamestonkterminal.github.io/stocks/load/). To view a quote from a different symbol than what is currently loaded, add the '-t' argument to the command string.
 
 ```
 optional arguments:
@@ -12,5 +12,4 @@ optional arguments:
   -h, --help            show this help message (default: False)
 ```
 
-
 <img width="1399" alt="Feature Screenshot - Quote" src="https://user-images.githubusercontent.com/85772166/140181687-79c75dfa-38a7-4442-b0dc-7e740bb28c27.png">

website/themes/hugo-geekdoc/layouts/_default/baseof.html

@@ -1,39 +1,46 @@
 <!DOCTYPE html>
 <html lang="{{ .Site.Language.Lang }}" class="color-toggle-hidden">
-
-<head>
+  <head>
     {{ partial "head/meta" . }}
-    <title>{{ if not (eq .Kind "home") }}{{ partial "title" . }} | {{ end }}{{ .Site.Title }}</title>
+    <title>
+      {{ if not (eq .Kind "home") }}{{ partial "title" . }} | {{ end }}{{
+      .Site.Title }}
+    </title>
 
-    {{ partial "head/favicons" . }}
-    {{ partial "head/others" . }}
-    {{ partial "head/custom" . }}
-</head>
+    {{ partial "head/favicons" . }} {{ partial "head/others" . }} {{ partial
+    "head/custom" . }}
+  </head>
 
-<body itemscope itemtype="https://schema.org/WebPage">
+  <body itemscope itemtype="https://schema.org/WebPage">
     {{ partial "svg-icon-symbols" . }}
 
-    <div class="wrapper {{ if default false .Site.Params.GeekdocDarkModeDim }}dark-mode-dim{{ end }}">
-        <input type="checkbox" class="hidden" id="menu-control" />
-        {{ $navEnabled := default true .Page.Params.GeekdocNav }}
-        {{ partial "site-header" (dict "Root" . "MenuEnabled" $navEnabled) }}
+    <div
+      class="{{ if default false .Site.Params.GeekdocDarkModeDim }}dark-mode-dim{{ end }}"
+    >
+      <input type="checkbox" class="hidden" id="menu-control" />
+      {{ $navEnabled := default true .Page.Params.GeekdocNav }} {{ partial
+      "site-header" (dict "Root" . "MenuEnabled" $navEnabled) }}
 
-        <main class="container flex flex-even">
-            {{ if $navEnabled }}
-            <aside class="gdoc-nav">
-                {{ partial "menu" . }}
-            </aside>
-            {{ end }}
+      <main class="flex flex-even">
+        {{ if $navEnabled }}
+        <aside class="gdoc-nav">{{ partial "menu" . }}</aside>
+        {{ end }}
 
-            <div class="gdoc-page">
-                {{ template "main" . }}
-                {{ partial "page-footer" . }}
-            </div>
-        </main>
+        <div
+          class="gdoc-page"
+          style="
+            padding-right: 20px;
+            padding-left: 20px;
+            background-color: #1e1e1e;
+          "
+        >
+          {{ template "main" . }} {{ partial "page-footer" . }}
+        </div>
+      </main>
 
-        {{ partial "site-footer" . }}
+      {{ partial "site-footer" . }}
     </div>
 
     {{ partial "foot" . }}
-</body>
+  </body>
 </html>

website/themes/hugo-geekdoc/layouts/partials/menu-bundle.html

@@ -11,7 +11,7 @@
     {{ $current.Scratch.Set "current" $current }}
     {{ $current.Scratch.Set "site" $site }}
 
-    <li>
+    <li style="margin-top: 15px;">
         {{ $ref := default false .ref }}
         {{ if $ref}}
             {{ $site := $current.Scratch.Get "site" }}

website/themes/hugo-geekdoc/layouts/partials/menu.html

@@ -1,19 +1,17 @@
-<nav>
-    {{ partial "search" . }}
+<nav style="background-color: #151515; padding-left: 20px">
+  {{ partial "search" . }}
 
-    <section class="gdoc-nav--main">
-        <h2>Navigation</h2>
-        {{ if .Site.Params.GeekdocMenuBundle }}
-            {{ partial "menu-bundle" (dict "current" . "source" .Site.Data.menu.main.main) }}
-        {{ else }}
-            {{ partial "menu-filetree" . }}
-        {{ end }}
-    </section>
+  <section class="gdoc-nav--main">
+    <h2>Navigation</h2>
+    {{ if .Site.Params.GeekdocMenuBundle }} {{ partial "menu-bundle" (dict
+    "current" . "source" .Site.Data.menu.main.main) }} {{ else }} {{ partial
+    "menu-filetree" . }} {{ end }}
+  </section>
 
-    <section class="gdoc-nav--more">
-        {{ if .Site.Data.menu.more.more }}
-            <h2>More</h2>
-            {{ partial "menu-bundle" (dict "current" . "source" .Site.Data.menu.more.more) }}
-        {{ end }}
-    </section>
+  <section class="gdoc-nav--more">
+    {{ if .Site.Data.menu.more.more }}
+    <h2>More</h2>
+    {{ partial "menu-bundle" (dict "current" . "source"
+    .Site.Data.menu.more.more) }} {{ end }}
+  </section>
 </nav>

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

@@ -20,14 +20,14 @@
 
 {{ $showBreadcrumb := (and (default true .Page.Params.GeekdocBreadcrumb) (default true .Site.Params.GeekdocBreadcrumb)) }}
 {{ $showEdit := (and ($.Scratch.Get "geekdocFilePath") $geekdocRepo $geekdocEditPath) }}
-<div class="gdoc-page__header flex flex-wrap
+<div style="background: #151515;border-radius: 8px;" class="gdoc-page__header flex flex-wrap
     {{ if $showBreadcrumb }} justify-between {{ else }} justify-end {{ end }}
     {{ if not $showEdit }} hidden-mobile {{ end }}
     {{ if (and (not $showBreadcrumb) (not $showEdit)) }} hidden {{ end }}" itemprop="breadcrumb">
     {{if $showBreadcrumb }}
     <div>
         <svg class="icon gdoc_path hidden-mobile"><use xlink:href="#gdoc_path"></use></svg>
-        <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
+        <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList" style="color: #C7C7C7;">
             {{ $position := sub (len (split .RelPermalink "/")) 1 }}
             {{ $name := (partial "title" .) }}
             {{ $value := (printf "<li itemprop='itemListElement' itemscope itemtype='https://schema.org/ListItem'><span itemprop='name'>%s</span><meta itemprop='position' content='%d' /></li>" $name $position ) }}
@@ -38,8 +38,8 @@
     {{ if $showEdit }}
     <div>
         <span class="editpage">
-            <svg class="icon gdoc_code"><use xlink:href="#gdoc_code"></use></svg>
-            <a href="{{ $geekdocRepo }}/{{ $geekdocEditPath }}/{{ $.Scratch.Get "geekdocFilePath" }}">
+            <svg class="icon gdoc_code" style="color: #C7C7C7;"><use xlink:href="#gdoc_code"></use></svg>
+            <a href="{{ $geekdocRepo }}/{{ $geekdocEditPath }}/{{ $.Scratch.Get "geekdocFilePath" }}" style="color: #C7C7C7;">
                 Edit this page
             </a>
         </span>

website/themes/hugo-geekdoc/layouts/partials/search.html

@@ -1,9 +1,25 @@
 {{ if default true .Site.Params.GeekdocSearch }}
-    <div class="gdoc-search">
-        <svg class="icon gdoc_search"><use xlink:href="#gdoc_search"></use></svg>
-        <input type="text" id="gdoc-search-input" class="gdoc-search__input" placeholder="Search..."
-            aria-label="Search" maxlength="64" />
-        <div class="gdoc-search__spinner spinner hidden"></div>
-        <ul id="gdoc-search-results" class="gdoc-search__list"></ul>
-    </div>
+<div
+  class="gdoc-search"
+  style="
+    background: #242428;
+    border-radius: 100px;
+    padding: 0.5rem;
+    padding-left: 2rem;
+    margin-top: 30px;
+    margin-bottom: 30px;
+  "
+>
+  <svg class="icon gdoc_search"><use xlink:href="#gdoc_search"></use></svg>
+  <input
+    type="text"
+    id="gdoc-search-input"
+    style="all: unset"
+    placeholder="Search..."
+    aria-label="Search"
+    maxlength="64"
+  />
+  <div class="gdoc-search__spinner spinner hidden"></div>
+  <ul id="gdoc-search-results" class="gdoc-search__list"></ul>
+</div>
 {{ end }}

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

@@ -1,29 +1,44 @@
-<footer class="gdoc-footer">
-    <div class="container flex">
-        <div class="flex flex-wrap">
-            <span class="gdoc-footer__item gdoc-footer__item--row">
-                Built with <a href="https://gohugo.io/" class="gdoc-footer__link">Hugo</a> and
-                <svg class="icon gdoc_heart"><use xlink:href="#gdoc_heart"></use></svg>
-            </span>
-            {{ with .Site.Params.GeekdocLegalNotice }}
-            <span class="gdoc-footer__item gdoc-footer__item--row">
-                <a href="{{ . | relURL }}" class="gdoc-footer__link">Legal Notice</a>
-            </span>
-            {{ end }}
-            {{ with .Site.Params.GeekdocPrivacyPolicy }}
-            <span class="gdoc-footer__item gdoc-footer__item--row">
-                <a href="{{ . | relURL }}" class="gdoc-footer__link">Privacy Policy</a>
-            </span>
-            {{ end }}
-        </div>
-        {{ if (default true .Site.Params.GeekdocBackToTop) }}
-        <div class="flex flex-25 justify-end">
-            <span class="gdoc-footer__item">
-                <a class="gdoc-footer__link fake-link" href="#" aria-label="Back to top">
-                    <svg class="icon gdoc_keyborad_arrow_up"><use xlink:href="#gdoc_keyborad_arrow_up"></use></svg> <span class="hidden-mobile">Back to top</span>
-                </a>
-            </span>
-        </div>
-        {{ end }}
+<footer class="gdoc-footer" style="background-color: #151515">
+  <div class="container flex">
+    <div class="flex flex-wrap">
+      <span class="gdoc-footer__item gdoc-footer__item--row">
+        Built with
+        <a
+          href="https://gohugo.io/"
+          class="gdoc-footer__link"
+          style="color: #21cd9b"
+          >Hugo</a
+        >
+        and
+        <svg class="icon gdoc_heart">
+          <use xlink:href="#gdoc_heart" fill="#21cd9b"></use>
+        </svg>
+      </span>
+      {{ with .Site.Params.GeekdocLegalNotice }}
+      <span class="gdoc-footer__item gdoc-footer__item--row">
+        <a href="{{ . | relURL }}" class="gdoc-footer__link">Legal Notice</a>
+      </span>
+      {{ end }} {{ with .Site.Params.GeekdocPrivacyPolicy }}
+      <span class="gdoc-footer__item gdoc-footer__item--row">
+        <a href="{{ . | relURL }}" class="gdoc-footer__link">Privacy Policy</a>
+      </span>
+      {{ end }}
     </div>
+    {{ if (default true .Site.Params.GeekdocBackToTop) }}
+    <div class="flex flex-25 justify-end">
+      <span class="gdoc-footer__item">
+        <a
+          class="gdoc-footer__link fake-link"
+          href="#"
+          aria-label="Back to top"
+        >
+          <svg class="icon gdoc_keyborad_arrow_up">
+            <use xlink:href="#gdoc_keyborad_arrow_up" fill="#21cd9b"></use>
+          </svg>
+          <span class="hidden-mobile">Back to top</span>
+        </a>
+      </span>
+    </div>
+    {{ end }}
+  </div>
 </footer>

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

@@ -1,21 +1,31 @@
-<header class="gdoc-header">
-    <div class="container flex align-center justify-between">
-        {{ if .MenuEnabled }}
-        <label for="menu-control" class="gdoc-nav__control">
-            <svg class="icon gdoc_menu"><use xlink:href="#gdoc_menu"></use></svg>
-            <svg class="icon gdoc_arrow_back"><use xlink:href="#gdoc_arrow_back"></use></svg>
-        </label>
-        {{ end }}
-        <a class="gdoc-header__link" href="{{ .Root.Site.BaseURL }}">
-            <span class="gdoc-brand flex align-center">
-                <img class="gdoc-brand__img" src="{{ (default "brand.svg" .Root.Site.Params.GeekdocLogo) | relURL }}" alt="">
-                <span class="gdoc-brand__title">{{ .Root.Site.Title }}</span>
-            </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>
-    </div>
+<header style="background-color: #21cd9b">
+  <div class="container flex align-center justify-between">
+    {{ if .MenuEnabled }}
+    <label for="menu-control" class="gdoc-nav__control">
+      <svg class="icon gdoc_menu"><use xlink:href="#gdoc_menu"></use></svg>
+      <svg class="icon gdoc_arrow_back">
+        <use xlink:href="#gdoc_arrow_back"></use>
+      </svg>
+    </label>
+    {{ end }}
+    <a class="gdoc-header__link" href="{{ .Root.Site.BaseURL }}">
+      <span class="gdoc-brand flex align-center">
+        <img class="gdoc-brand__img" src="{{ (default "brand.svg"
+        .Root.Site.Params.GeekdocLogo) | relURL }}" alt="">
+        <span class="gdoc-brand__title">{{ .Root.Site.Title }}</span>
+      </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>-->
+  </div>
 </header>