Initial commit

Author: itamarhaber

docs.Dockerfile

@@ -0,0 +1,11 @@
+FROM alpine
+
+ENV PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/root/.local/bin
+
+COPY requirements.txt /mkdocs/
+WORKDIR /mkdocs
+
+RUN apk --update upgrade \
+&& apk --no-cache --no-progress add py-pip \
+&& rm -rf /var/cache/apk/* \
+&& pip install --user -r requirements.txt

requirements.txt

@@ -0,0 +1,4 @@
+mkdocs>=0.17.2
+pymdown-extensions>=1.4
+mkdocs-bootswatch>=0.4.0
+mkdocs-material>=2.2.6

structor-menu.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width:76.25em) {
+    .md-nav__item--version {
+        border-width: 0.09rem;
+        border-style: solid;
+        border-radius: .2rem;
+        padding-left: .625em !important;
+        padding-bottom: .425em !important;
+        margin-top: 1.875rem;
+    }
+}

structor-menu.js.gotmpl

@@ -0,0 +1,88 @@
+const versions = [
+  {{- range $version := .Versions }}
+  {{- $text := $version.Text }}
+  {{- if eq $text "Experimental" }}
+    {{- $text = "Master" }}
+  {{- end}}
+  {{- if eq $version.State "PRE_FINAL_RELEASE" }}
+    {{- $text = printf "%s (RC)" .Name }}
+  {{- end}}
+  {path: "{{ $version.Path }}", text: "{{ $text }}", selected: {{ eq $version.Name $.Current }} },
+  {{- end}}
+];
+
+// Material theme
+
+function addMaterialMenu(elt, versions) {
+  const current = versions.find(function (value) {
+      return value.selected
+  })
+
+  const rootLi = document.createElement('li');
+  rootLi.classList.add('md-nav__item');
+  rootLi.classList.add('md-nav__item--nested');
+  rootLi.classList.add('md-nav__item--version');
+
+  const input = document.createElement('input');
+  input.classList.add('md-toggle');
+  input.classList.add('md-nav__toggle');
+  input.setAttribute('data-md-toggle', 'nav-10000000');
+  input.id = "nav-10000000";
+  input.type = 'checkbox';
+
+  rootLi.appendChild(input);
+
+  const lbl01 = document.createElement('label')
+  lbl01.classList.add('md-nav__link');
+  lbl01.setAttribute('for', 'nav-10000000');
+  lbl01.textContent = current.text + " ";
+
+  rootLi.appendChild(lbl01);
+
+  const nav = document.createElement('nav')
+  nav.classList.add('md-nav');
+  nav.setAttribute('data-md-component','collapsible');
+  nav.setAttribute('data-md-level','1');
+
+  rootLi.appendChild(nav);
+
+  const lbl02 = document.createElement('label')
+  lbl02.classList.add('md-nav__title');
+  lbl02.setAttribute('for', 'nav-10000000');
+  lbl02.textContent = current.text + " ";
+
+  nav.appendChild(lbl02);
+
+  const ul = document.createElement('ul')
+  ul.classList.add('md-nav__list');
+  ul.setAttribute('data-md-scrollfix','');
+
+  nav.appendChild(ul);
+
+  for (let i = 0; i < versions.length; i++) {
+    const li = document.createElement('li');
+    li.classList.add('md-nav__item');
+
+    ul.appendChild(li);
+
+    const a = document.createElement('a');
+    a.classList.add('md-nav__link');
+    if (versions[i].selected) {
+      a.classList.add('md-nav__link--active');
+    }
+    a.href = window.location.protocol + "//" + window.location.host + "/";
+    if (versions[i].path) {
+      a.href = a.href + versions[i].path + "/"
+    }
+    a.title = versions[i].text;
+    a.text = versions[i].text;
+
+    li.appendChild(a);
+  }
+
+  elt.appendChild(rootLi);
+}
+
+const materialSelector = 'div.md-container main.md-main div.md-main__inner.md-grid div.md-sidebar.md-sidebar--primary div.md-sidebar__scrollwrap div.md-sidebar__inner nav.md-nav.md-nav--primary ul.md-nav__list';
+const elt = document.querySelector(materialSelector);
+addMaterialMenu(elt, versions);