Add pages navigation (#447)

* Add pages navigation

* ok

* Enhance nav

* Fine tuning

* style

* Revert to sessionStorage

* Lighter gray

* Enhance

* Refactor and fix

* cleanup

* fix spacing

* Split into multiple views

Author: reakaleek

docs/docset.yml

@@ -105,3 +105,11 @@ toc:
         children:
           - file: first-page.md
           - file: second-page.md
+      - folder: deeply-nested
+        children:
+          - file: index.md
+          - file: foo.md 
+          - file: bar.md
+          - folder: baz
+            children:
+              - file: qux.md

docs/testing/deeply-nested/bar.md

@@ -0,0 +1 @@
+# Bar

docs/testing/deeply-nested/baz/qux.md

@@ -0,0 +1 @@
+# Qux

docs/testing/deeply-nested/foo.md

@@ -0,0 +1 @@
+# Foo

docs/testing/deeply-nested/index.md

@@ -0,0 +1 @@
+# Deeply Nested

src/Elastic.Markdown/Assets/fonts.css

@@ -1,7 +1,26 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
+@font-face {
+	font-family: "Inter";
+	src: url("./fonts/InterVariable.woff2") format("woff2");
+	font-display: swap;
+}
 
+@font-face {
+	font-family: "Mier B";
+	src: url("./fonts/MierB-Regular.woff2") format("woff2");
+	font-weight: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: "Mier B";
+	src: url("./fonts/MierB-Bold.woff2") format("woff2");
+	font-weight: bold;
+	font-display: swap;
+}
 
 @font-face {
 	font-family: "Mier B";
-	src: url("./fonts/MierB-Regular.woff2") format("woff2")
+	src: url("./fonts/MierB-Demi.woff2") format("woff2");
+	font-weight: 600;
+	font-display: swap;
 }

src/Elastic.Markdown/Assets/fonts/InterVariable.woff2

@@ -0,0 +1,21 @@
+import {mergeHTMLPlugin} from "./hljs-merge-html-plugin";
+import hljs from "highlight.js";
+
+hljs.registerLanguage('apiheader', function() {
+	return {
+		case_insensitive: true, // language is case-insensitive
+		keywords: 'GET POST PUT DELETE HEAD OPTIONS PATCH',
+		contains: [
+			hljs.HASH_COMMENT_MODE,
+			{
+				className: "subst", // (pathname: path1/path2/dothis) color #ab5656
+				begin: /(?<=(?:\/|GET |POST |PUT |DELETE |HEAD |OPTIONS |PATH))[^?\n\r\/]+/,
+			}
+		],		}
+})
+
+hljs.addPlugin(mergeHTMLPlugin);
+
+export function initHighlight() {
+	hljs.highlightAll();
+}