Add about pages and link

exampleSite/content.en/about.md

@@ -1,4 +1,7 @@
 ---
 title: About
 type: docs
----
+draft: false
+---
+
+Welcome to the english about page

exampleSite/content.he/about.md

@@ -1,4 +1,7 @@
 ---
 title: <Hebrew about>
 type: docs
----
+draft: false
+---
+
+Welcome to the hewbrew about page

exampleSite/content.zh/about.md

@@ -1,4 +1,7 @@
 ---
 title: 關於
 type: docs
----
+draft: false
+---
+
+Welcome to the chinese about page

exampleSite/hugo.toml

@@ -37,8 +37,17 @@ enableGitInfo = true
   languageDirection = 'rtl'
   weight = 3
 
-[menu]
 # [[menu.before]]
+[[menu.main]]
+  name = "Home"
+  url = "/"
+  weight = 4
+
+[[menu.main]]
+  name = "About"
+  url = "/about/"
+  weight = 5
+
 [[menu.after]]
   name = "Github"
   url = "https://github.com/alex-shpak/hugo-book"

exampleSite/hugo.yaml

@@ -37,7 +37,11 @@ languages:
 
 menu:
   # before: []
+
   after:
+    - name: "About"
+      url: "/about"
+      weight: 5
     - name: "Github"
       url: "https://github.com/alex-shpak/hugo-book"
       weight: 10

i18n/en.yaml

@@ -12,3 +12,9 @@
 
 - id: bookSearchConfig
   translation: '{ cache: true }'
+
+- id: home
+  translation: home
+
+- id: about
+  translation: About

layouts/partials/docs/menu.html

@@ -14,6 +14,7 @@
 {{ partial "docs/inject/menu-after" . }}
 </nav>
 
+<a href="{{ "about" | relLangURL }}">About</a>
 <!-- Restore menu position as soon as possible to avoid flickering -->
 {{ $script := resources.Get "menu-reset.js" | resources.Minify }}
 {{ with $script.Content }}