init

themes/godocs-4/assets/js/bootstrap.js

@@ -0,0 +1,85 @@
+// bootstrap js components
+// import Alert from "js/bootstrap/src/alert";
+// import Button from "js/bootstrap/src/button";
+// import Carousel from "js/bootstrap/src/carousel";
+import Collapse from "js/bootstrap/src/collapse";
+import Dropdown from "js/bootstrap/src/dropdown";
+import Modal from "js/bootstrap/src/modal";
+// import Offcanvas from "js/bootstrap/src/offcanvas";
+// import Popover from "js/bootstrap/src/popover";
+// import ScrollSpy from "js/bootstrap/src/scrollspy";
+import Tab from "js/bootstrap/src/tab";
+// import Toast from "js/bootstrap/src/toast";
+// import Tooltip from "js/bootstrap/src/tooltip";
+
+
+(function () {
+  "use strict";
+
+  let searchModalEl = document.getElementById('searchModal');
+  let modalOpen = false;
+  let searchModal = new Modal(searchModalEl, {});
+  
+  const params = new Proxy(new URLSearchParams(window.location.search), {
+    get: (searchParams, prop) => searchParams.get(prop),
+  });
+  if (params.search !== null && params.search !== undefined) {
+    searchModal.show();
+    modalOpen = true;
+  } else {
+    searchModal.hide();
+    modalOpen = false;
+  }
+
+  document.addEventListener('keydown', function(e) {
+    if (e.key === "Escape") {
+      searchModal.hide();
+    } else if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
+      if (!modalOpen) {
+        e.preventDefault();
+        searchModal.show();
+        modalOpen = true;
+      } else {
+        e.preventDefault();
+        searchModal.hide();
+        modalOpen = false;
+      }
+    }
+  });
+
+  searchModalEl.addEventListener('hidden.bs.modal', e => {
+    modalOpen = false;
+  });
+  
+  // document.addEventListener('keydown', function(e) {
+  //   let searchModal = new Modal(document.getElementById('searchModal'), {});
+  //   let modalOpen = document.getElementById('searchModal').classList.contains('show');
+    
+  //   if (e.key === "Escape") {
+  //     searchModal.hide();
+  //   } else if (e.ctrlKey && e.key === 'k' || e.metaKey && e.key === 'k') {
+  //     e.preventDefault();
+  //     if (modalOpen) {
+  //       searchModal.hide();
+  //     } else {
+  //       searchModal.show();
+  //     }
+  //   }
+  // });
+
+//   let toastElList = [].slice.call(document.querySelectorAll(".toast"));
+//   let toastList = toastElList.map(function (toastEl) {
+//     return new Toast(toastEl);
+//   });
+
+//   toastList.forEach(function (toast) {
+//     toast.show();
+//   });
+
+//   let popoverTriggerList = [].slice.call(
+//     document.querySelectorAll('[data-bs-toggle="popover"]')
+//   );
+//   popoverTriggerList.map(function (popoverTriggerEl) {
+//     return new Popover(popoverTriggerEl);
+//   });
+})();

themes/godocs-4/assets/js/script.js

@@ -0,0 +1,75 @@
+'use strict';
+
+// searchToggler keyboard shortcut
+const searchToggler = document.querySelectorAll('[data-search-toggler]');
+searchToggler.forEach((item) => {
+	let userAgentData = navigator?.userAgentData?.platform || navigator?.platform || 'unknown';
+
+	if (userAgentData == 'macOS') {
+		item.innerText = `⌘ + K`
+	} else {
+		item.innerText = `Ctrl + K`
+	}
+});
+
+// Navbar fixed
+window.onscroll = function () {
+	if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
+		document.querySelector(".navigation").classList.add("nav-bg");
+	} else {
+		document.querySelector(".navigation").classList.remove("nav-bg");
+	}
+};
+
+// Search wrapper show on
+function isScrolledIntoView(el) {
+	var rect = el.getBoundingClientRect();
+	var elemTop = rect.top;
+	var elemBottom = rect.bottom;
+
+	// Only completely visible elements return true:
+	var isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight);
+	// Partially visible elements return true:
+	//isVisible = elemTop < window.innerHeight && elemBottom >= 0;
+	return isVisible;
+}
+
+window.addEventListener("scroll", function () {
+	let header = document.querySelector("header");
+	let banner_searchWrapper = document.querySelector("#banner .search-wrapper");
+	let header_searchWrapper = document.querySelector("header .search-wrapper");
+
+	try {
+		if (isScrolledIntoView(banner_searchWrapper)) {
+			header.classList.remove("search-active");
+		} else {
+			header.classList.add("search-active");
+		}
+	} catch (error) {
+
+	}
+
+});
+
+// copy to clipboard
+let blocks = document.querySelectorAll("pre");
+blocks.forEach((block) => {
+	if (navigator.clipboard) {
+		let button = document.createElement("span");
+		button.innerText = "copy";
+		button.className = "copy-to-clipboard";
+		block.appendChild(button);
+		button.addEventListener("click", async () => {
+			await copyCode(block, button);
+		});
+	}
+});
+async function copyCode(block, button) {
+	let code = block.querySelector("code");
+	let text = code.innerText;
+	await navigator.clipboard.writeText(text);
+	button.innerText = "copied";
+	setTimeout(() => {
+		button.innerText = "copy";
+	}, 700);
+}

themes/godocs-4/assets/plugins/scrollmenu/scrollmenu.min.js

@@ -0,0 +1 @@
+!function(){"use strict";var t=function(t,i){this.initDefaultOptions(),this.extendOptions(i),this.initMenuItems(t),this.getSectionsPositions(),this.bindWindowEvents(),this.bindMenuItems()};t.prototype.initDefaultOptions=function(){this.options={duration:400,activeOffset:40,scrollOffset:10,easingFunction:function(t,i,e,n){return(t/=n/2)<1?e/2*t*t*t+i:e/2*((t-=2)*t*t+2)+i}}},t.prototype.extendOptions=function(t){if(t)for(var i in this.options)this.options.hasOwnProperty(i)&&t[i]&&(this.options[i]=t[i])},t.prototype.initMenuItems=function(t){this.items=[],!1===Array.isArray(t)&&(t=[t]),t.forEach(function(t){var i=[].slice.call(document.querySelectorAll(t));this.items=this.items.concat(i)}.bind(this))},t.prototype.getTargetOffset=function(t){var i=t.getAttribute("href");return i.match(/^#?$/)?0:document.querySelector(i).offsetTop},t.prototype.bindWindowEvents=function(){window.addEventListener("scroll",this.onWindowUpdate.bind(this),!1),window.addEventListener("resize",this.onWindowUpdate.bind(this),!1)},t.prototype.bindMenuItems=function(){this.items.forEach(function(t){t.addEventListener("click",this.onMenuItemClick.bind(this),!1)}.bind(this))},t.prototype.onWindowUpdate=function(){this.getSectionsPositions(),this.updateActiveMenuItem()},t.prototype.getSectionsPositions=function(){this.positions=this.items.map(function(t){return this.getTargetOffset(t)-this.options.activeOffset}.bind(this))},t.prototype.updateActiveMenuItem=function(){if(this.getScrollOffset()+window.innerHeight===document.body.clientHeight)this.changeActiveMenuItem(this.items[this.items.length-1]);else{var t=this.items.filter(function(t,i){return this.positions[i]<=this.getScrollOffset()}.bind(this));t.length>0?this.changeActiveMenuItem(t[t.length-1]):this.resetActiveMenuItem()}},t.prototype.getScrollOffset=function(){return document.body.scrollTop||window.pageYOffset},t.prototype.resetActiveMenuItem=function(){this.items.forEach(function(t){t.classList.remove("active")})},t.prototype.changeActiveMenuItem=function(t){t.classList.contains("active")||(this.resetActiveMenuItem(),t.classList.add("active"))},t.prototype.onMenuItemClick=function(t){t.preventDefault();var i=this.items.indexOf(t.target);-1!==i&&(this.updateLocationHash(i),this.animatePageScroll(i))},t.prototype.updateLocationHash=function(t){var i=this.items[t].getAttribute("href"),e=location.pathname+location.search;i.match(/^#?$/)||(e+=i),history.pushState(i,document.title,e)},t.prototype.animatePageScroll=function(t){var i=-this.options.activeOffset+this.options.scrollOffset,e=this.positions[t]-i;this.scrollTo(e,this.options.duration)},t.prototype.scrollTo=function(t,i,e){if(!(i<=0)){var n=t-this.getScrollOffset();e=(e||0)+10,setTimeout(function(){var o=this.options.easingFunction(e,this.getScrollOffset(),n,i);window.scroll(0,o),i===e?this.updateActiveMenuItem():this.scrollTo(t,i,e)}.bind(this),10)}},window.ScrollMenu=t}();

themes/godocs-4/assets/plugins/webfont/webfont-loader-2.js

@@ -0,0 +1,735 @@
+/* Web Font Loader v1.6.28 - (c) Adobe Systems, Google. License: Apache 2.0 */
+(function () {
+  function aa(a, b, c) {
+    return a.call.apply(a.bind, arguments)
+  }
+
+  function ba(a, b, c) {
+    if (!a) throw Error();
+    if (2 < arguments.length) {
+      var d = Array.prototype.slice.call(arguments, 2);
+      return function () {
+        var c = Array.prototype.slice.call(arguments);
+        Array.prototype.unshift.apply(c, d);
+        return a.apply(b, c)
+      }
+    }
+    return function () {
+      return a.apply(b, arguments)
+    }
+  }
+
+  function p(a, b, c) {
+    p = Function.prototype.bind && -1 != Function.prototype.bind.toString().indexOf("native code") ? aa : ba;
+    return p.apply(null, arguments)
+  }
+  var q = Date.now || function () {
+    return +new Date
+  };
+
+  function ca(a, b) {
+    this.a = a;
+    this.s = b || a;
+    this.c = this.s.document
+  }
+  var da = !!window.FontFace;
+
+  function t(a, b, c, d) {
+    b = a.c.createElement(b);
+    if (c)
+      for (var e in c) c.hasOwnProperty(e) && ("style" == e ? b.style.cssText = c[e] : b.setAttribute(e, c[e]));
+    d && b.appendChild(a.c.createTextNode(d));
+    return b
+  }
+
+  function u(a, b, c) {
+    a = a.c.getElementsByTagName(b)[0];
+    a || (a = document.documentElement);
+    a.insertBefore(c, a.lastChild)
+  }
+
+  function v(a) {
+    a.parentNode && a.parentNode.removeChild(a)
+  }
+
+  function w(a, b, c) {
+    b = b || [];
+    c = c || [];
+    for (var d = a.className.split(/\s+/), e = 0; e < b.length; e += 1) {
+      for (var f = !1, g = 0; g < d.length; g += 1)
+        if (b[e] === d[g]) {
+          f = !0;
+          break
+        } f || d.push(b[e])
+    }
+    b = [];
+    for (e = 0; e < d.length; e += 1) {
+      f = !1;
+      for (g = 0; g < c.length; g += 1)
+        if (d[e] === c[g]) {
+          f = !0;
+          break
+        } f || b.push(d[e])
+    }
+    a.className = b.join(" ").replace(/\s+/g, " ").replace(/^\s+|\s+$/, "")
+  }
+
+  function y(a, b) {
+    for (var c = a.className.split(/\s+/), d = 0, e = c.length; d < e; d++)
+      if (c[d] == b) return !0;
+    return !1
+  }
+
+  function ea(a) {
+    return a.s.location.hostname || a.a.location.hostname
+  }
+
+  function z(a, b, c) {
+    function d() {
+      m && e && f && (m(g), m = null)
+    }
+    b = t(a, "link", {
+      rel: "stylesheet",
+      href: b,
+      media: "all"
+    });
+    var e = !1,
+      f = !0,
+      g = null,
+      m = c || null;
+    da ? (b.onload = function () {
+      e = !0;
+      d()
+    }, b.onerror = function () {
+      e = !0;
+      g = Error("Stylesheet failed to load");
+      d()
+    }) : setTimeout(function () {
+      e = !0;
+      d()
+    }, 0);
+    u(a, "head", b)
+  }
+
+  function A(a, b, c, d) {
+    var e = a.c.getElementsByTagName("head")[0];
+    if (e) {
+      var f = t(a, "script", {
+          src: b
+        }),
+        g = !1;
+      f.onload = f.onreadystatechange = function () {
+        g || this.readyState && "loaded" != this.readyState && "complete" != this.readyState || (g = !0, c && c(null), f.onload = f.onreadystatechange = null, "HEAD" == f.parentNode.tagName && e.removeChild(f))
+      };
+      e.appendChild(f);
+      setTimeout(function () {
+        g || (g = !0, c && c(Error("Script load timeout")))
+      }, d || 5E3);
+      return f
+    }
+    return null
+  };
+
+  function B() {
+    this.a = 0;
+    this.c = null
+  }
+
+  function C(a) {
+    a.a++;
+    return function () {
+      a.a--;
+      D(a)
+    }
+  }
+
+  function E(a, b) {
+    a.c = b;
+    D(a)
+  }
+
+  function D(a) {
+    0 == a.a && a.c && (a.c(), a.c = null)
+  };
+
+  function F(a) {
+    this.a = a || "-"
+  }
+  F.prototype.c = function (a) {
+    for (var b = [], c = 0; c < arguments.length; c++) b.push(arguments[c].replace(/[\W_]+/g, "").toLowerCase());
+    return b.join(this.a)
+  };
+
+  function G(a, b) {
+    this.c = a;
+    this.f = 4;
+    this.a = "n";
+    var c = (b || "n4").match(/^([nio])([1-9])$/i);
+    c && (this.a = c[1], this.f = parseInt(c[2], 10))
+  }
+
+  function fa(a) {
+    return H(a) + " " + (a.f + "00") + " 300px " + I(a.c)
+  }
+
+  function I(a) {
+    var b = [];
+    a = a.split(/,\s*/);
+    for (var c = 0; c < a.length; c++) {
+      var d = a[c].replace(/['"]/g, ""); - 1 != d.indexOf(" ") || /^\d/.test(d) ? b.push("'" + d + "'") : b.push(d)
+    }
+    return b.join(",")
+  }
+
+  function J(a) {
+    return a.a + a.f
+  }
+
+  function H(a) {
+    var b = "normal";
+    "o" === a.a ? b = "oblique" : "i" === a.a && (b = "italic");
+    return b
+  }
+
+  function ga(a) {
+    var b = 4,
+      c = "n",
+      d = null;
+    a && ((d = a.match(/(normal|oblique|italic)/i)) && d[1] && (c = d[1].substr(0, 1).toLowerCase()), (d = a.match(/([1-9]00|normal|bold)/i)) && d[1] && (/bold/i.test(d[1]) ? b = 7 : /[1-9]00/.test(d[1]) && (b = parseInt(d[1].substr(0, 1), 10))));
+    return c + b
+  };
+
+  function ha(a, b) {
+    this.c = a;
+    this.f = a.s.document.documentElement;
+    this.h = b;
+    this.a = new F("-");
+    this.j = !1 !== b.events;
+    this.g = !1 !== b.classes
+  }
+
+  function ia(a) {
+    a.g && w(a.f, [a.a.c("wf", "loading")]);
+    K(a, "loading")
+  }
+
+  function L(a) {
+    if (a.g) {
+      var b = y(a.f, a.a.c("wf", "active")),
+        c = [],
+        d = [a.a.c("wf", "loading")];
+      b || c.push(a.a.c("wf", "inactive"));
+      w(a.f, c, d)
+    }
+    K(a, "inactive")
+  }
+
+  function K(a, b, c) {
+    if (a.j && a.h[b])
+      if (c) a.h[b](c.c, J(c));
+      else a.h[b]()
+  };
+
+  function ja() {
+    this.c = {}
+  }
+
+  function ka(a, b, c) {
+    var d = [],
+      e;
+    for (e in b)
+      if (b.hasOwnProperty(e)) {
+        var f = a.c[e];
+        f && d.push(f(b[e], c))
+      } return d
+  };
+
+  function M(a, b) {
+    this.c = a;
+    this.f = b;
+    this.a = t(this.c, "span", {
+      "aria-hidden": "true"
+    }, this.f)
+  }
+
+  function N(a) {
+    u(a.c, "body", a.a)
+  }
+
+  function O(a) {
+    return "display:block;position:absolute;top:-9999px;left:-9999px;font-size:300px;width:auto;height:auto;line-height:normal;margin:0;padding:0;font-variant:normal;white-space:nowrap;font-family:" + I(a.c) + ";" + ("font-style:" + H(a) + ";font-weight:" + (a.f + "00") + ";")
+  };
+
+  function P(a, b, c, d, e, f) {
+    this.g = a;
+    this.j = b;
+    this.a = d;
+    this.c = c;
+    this.f = e || 3E3;
+    this.h = f || void 0
+  }
+  P.prototype.start = function () {
+    var a = this.c.s.document,
+      b = this,
+      c = q(),
+      d = new Promise(function (d, e) {
+        function f() {
+          q() - c >= b.f ? e() : a.fonts.load(fa(b.a), b.h).then(function (a) {
+            1 <= a.length ? d() : setTimeout(f, 25)
+          }, function () {
+            e()
+          })
+        }
+        f()
+      }),
+      e = null,
+      f = new Promise(function (a, d) {
+        e = setTimeout(d, b.f)
+      });
+    Promise.race([f, d]).then(function () {
+      e && (clearTimeout(e), e = null);
+      b.g(b.a)
+    }, function () {
+      b.j(b.a)
+    })
+  };
+
+  function Q(a, b, c, d, e, f, g) {
+    this.v = a;
+    this.B = b;
+    this.c = c;
+    this.a = d;
+    this.o = g || "BESbswy";
+    this.f = {};
+    this.w = e || 3E3;
+    this.u = f || null;
+    this.m = this.j = this.h = this.g = null;
+    this.g = new M(this.c, this.o);
+    this.h = new M(this.c, this.o);
+    this.j = new M(this.c, this.o);
+    this.m = new M(this.c, this.o);
+    a = new G(this.a.c + ",serif", J(this.a));
+    a = O(a);
+    this.g.a.style.cssText = a;
+    a = new G(this.a.c + ",sans-serif", J(this.a));
+    a = O(a);
+    this.h.a.style.cssText = a;
+    a = new G("serif", J(this.a));
+    a = O(a);
+    this.j.a.style.cssText = a;
+    a = new G("sans-serif", J(this.a));
+    a =
+      O(a);
+    this.m.a.style.cssText = a;
+    N(this.g);
+    N(this.h);
+    N(this.j);
+    N(this.m)
+  }
+  var R = {
+      D: "serif",
+      C: "sans-serif"
+    },
+    S = null;
+
+  function T() {
+    if (null === S) {
+      var a = /AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgentData);
+      S = !!a && (536 > parseInt(a[1], 10) || 536 === parseInt(a[1], 10) && 11 >= parseInt(a[2], 10))
+    }
+    return S
+  }
+  Q.prototype.start = function () {
+    this.f.serif = this.j.a.offsetWidth;
+    this.f["sans-serif"] = this.m.a.offsetWidth;
+    this.A = q();
+    U(this)
+  };
+
+  function la(a, b, c) {
+    for (var d in R)
+      if (R.hasOwnProperty(d) && b === a.f[R[d]] && c === a.f[R[d]]) return !0;
+    return !1
+  }
+
+  function U(a) {
+    var b = a.g.a.offsetWidth,
+      c = a.h.a.offsetWidth,
+      d;
+    (d = b === a.f.serif && c === a.f["sans-serif"]) || (d = T() && la(a, b, c));
+    d ? q() - a.A >= a.w ? T() && la(a, b, c) && (null === a.u || a.u.hasOwnProperty(a.a.c)) ? V(a, a.v) : V(a, a.B) : ma(a) : V(a, a.v)
+  }
+
+  function ma(a) {
+    setTimeout(p(function () {
+      U(this)
+    }, a), 50)
+  }
+
+  function V(a, b) {
+    setTimeout(p(function () {
+      v(this.g.a);
+      v(this.h.a);
+      v(this.j.a);
+      v(this.m.a);
+      b(this.a)
+    }, a), 0)
+  };
+
+  function W(a, b, c) {
+    this.c = a;
+    this.a = b;
+    this.f = 0;
+    this.m = this.j = !1;
+    this.o = c
+  }
+  var X = null;
+  W.prototype.g = function (a) {
+    var b = this.a;
+    b.g && w(b.f, [b.a.c("wf", a.c, J(a).toString(), "active")], [b.a.c("wf", a.c, J(a).toString(), "loading"), b.a.c("wf", a.c, J(a).toString(), "inactive")]);
+    K(b, "fontactive", a);
+    this.m = !0;
+    na(this)
+  };
+  W.prototype.h = function (a) {
+    var b = this.a;
+    if (b.g) {
+      var c = y(b.f, b.a.c("wf", a.c, J(a).toString(), "active")),
+        d = [],
+        e = [b.a.c("wf", a.c, J(a).toString(), "loading")];
+      c || d.push(b.a.c("wf", a.c, J(a).toString(), "inactive"));
+      w(b.f, d, e)
+    }
+    K(b, "fontinactive", a);
+    na(this)
+  };
+
+  function na(a) {
+    0 == --a.f && a.j && (a.m ? (a = a.a, a.g && w(a.f, [a.a.c("wf", "active")], [a.a.c("wf", "loading"), a.a.c("wf", "inactive")]), K(a, "active")) : L(a.a))
+  };
+
+  function oa(a) {
+    this.j = a;
+    this.a = new ja;
+    this.h = 0;
+    this.f = this.g = !0
+  }
+  oa.prototype.load = function (a) {
+    this.c = new ca(this.j, a.context || this.j);
+    this.g = !1 !== a.events;
+    this.f = !1 !== a.classes;
+    pa(this, new ha(this.c, a), a)
+  };
+
+  function qa(a, b, c, d, e) {
+    var f = 0 == --a.h;
+    (a.f || a.g) && setTimeout(function () {
+      var a = e || null,
+        m = d || null || {};
+      if (0 === c.length && f) L(b.a);
+      else {
+        b.f += c.length;
+        f && (b.j = f);
+        var h, l = [];
+        for (h = 0; h < c.length; h++) {
+          var k = c[h],
+            n = m[k.c],
+            r = b.a,
+            x = k;
+          r.g && w(r.f, [r.a.c("wf", x.c, J(x).toString(), "loading")]);
+          K(r, "fontloading", x);
+          r = null;
+          if (null === X)
+            if (window.FontFace) {
+              var x = /Gecko.*Firefox\/(\d+)/.exec(window.navigator.userAgentData),
+                xa = /OS X.*Version\/10\..*Safari/.exec(window.navigator.userAgentData) && /Apple/.exec(window.navigator.vendor);
+              X = x ? 42 < parseInt(x[1], 10) : xa ? !1 : !0
+            } else X = !1;
+          X ? r = new P(p(b.g, b), p(b.h, b), b.c, k, b.o, n) : r = new Q(p(b.g, b), p(b.h, b), b.c, k, b.o, a, n);
+          l.push(r)
+        }
+        for (h = 0; h < l.length; h++) l[h].start()
+      }
+    }, 0)
+  }
+
+  function pa(a, b, c) {
+    var d = [],
+      e = c.timeout;
+    ia(b);
+    var d = ka(a.a, c, a.c),
+      f = new W(a.c, b, e);
+    a.h = d.length;
+    b = 0;
+    for (c = d.length; b < c; b++) d[b].load(function (b, d, c) {
+      qa(a, f, b, d, c)
+    })
+  };
+
+  function ra(a, b) {
+    this.c = a;
+    this.a = b
+  }
+  ra.prototype.load = function (a) {
+    function b() {
+      if (f["__mti_fntLst" + d]) {
+        var c = f["__mti_fntLst" + d](),
+          e = [],
+          h;
+        if (c)
+          for (var l = 0; l < c.length; l++) {
+            var k = c[l].fontfamily;
+            void 0 != c[l].fontStyle && void 0 != c[l].fontWeight ? (h = c[l].fontStyle + c[l].fontWeight, e.push(new G(k, h))) : e.push(new G(k))
+          }
+        a(e)
+      } else setTimeout(function () {
+        b()
+      }, 50)
+    }
+    var c = this,
+      d = c.a.projectId,
+      e = c.a.version;
+    if (d) {
+      var f = c.c.s;
+      A(this.c, (c.a.api || "https://fast.fonts.net/jsapi") + "/" + d + ".js" + (e ? "?v=" + e : ""), function (e) {
+        e ? a([]) : (f["__MonotypeConfiguration__" +
+          d] = function () {
+          return c.a
+        }, b())
+      }).id = "__MonotypeAPIScript__" + d
+    } else a([])
+  };
+
+  function sa(a, b) {
+    this.c = a;
+    this.a = b
+  }
+  sa.prototype.load = function (a) {
+    var b, c, d = this.a.urls || [],
+      e = this.a.families || [],
+      f = this.a.testStrings || {},
+      g = new B;
+    b = 0;
+    for (c = d.length; b < c; b++) z(this.c, d[b], C(g));
+    var m = [];
+    b = 0;
+    for (c = e.length; b < c; b++)
+      if (d = e[b].split(":"), d[1])
+        for (var h = d[1].split(","), l = 0; l < h.length; l += 1) m.push(new G(d[0], h[l]));
+      else m.push(new G(d[0]));
+    E(g, function () {
+      a(m, f)
+    })
+  };
+
+  function ta(a, b, c, d, e) {
+    this.o = 2 === e ? 2 : 1;
+    e = ua[this.o - 1];
+    a ? this.c = a : this.c = e[0];
+    this.m = e[1];
+    this.a = [];
+    this.f = [];
+    this.j = b || "";
+    this.g = c || "";
+    this.h = d || ""
+  }
+  var ua = [
+    ["https://fonts.googleapis.com/css", "%7C"],
+    ["https://fonts.googleapis.com/css2", "&family="]
+  ];
+
+  function va(a, b) {
+    for (var c = b.length, d = 0; d < c; d++) {
+      var e = b[d].split(":");
+      3 == e.length && a.f.push(e.pop());
+      var f = "";
+      2 == e.length && "" != e[1] && (f = ":");
+      a.a.push(e.join(f))
+    }
+  }
+
+  function wa(a) {
+    if (0 == a.a.length) throw Error("No fonts to load!");
+    if (-1 != a.c.indexOf("kit=")) return a.c;
+    for (var b = a.a.length, c = [], d = 0; d < b; d++) c.push(a.a[d].replace(/ /g, "+"));
+    b = a.c + "?family=" + c.join(a.m);
+    0 < a.f.length && (b += "&subset=" + a.f.join(","));
+    0 < a.j.length && (b += "&text=" + encodeURIComponent(a.j));
+    0 < a.g.length && (b += "&display=" + encodeURIComponent(a.g));
+    0 < a.h.length && (b += "&effect=" + encodeURIComponent(a.h));
+    return b
+  };
+
+  function ya(a) {
+    this.f = a;
+    this.a = [];
+    this.c = {}
+  }
+  var za = {
+      latin: "BESbswy",
+      "latin-ext": "\u00e7\u00f6\u00fc\u011f\u015f",
+      cyrillic: "\u0439\u044f\u0416",
+      greek: "\u03b1\u03b2\u03a3",
+      khmer: "\u1780\u1781\u1782",
+      Hanuman: "\u1780\u1781\u1782"
+    },
+    Aa = {
+      thin: "1",
+      extralight: "2",
+      "extra-light": "2",
+      ultralight: "2",
+      "ultra-light": "2",
+      light: "3",
+      regular: "4",
+      book: "4",
+      medium: "5",
+      "semi-bold": "6",
+      semibold: "6",
+      "demi-bold": "6",
+      demibold: "6",
+      bold: "7",
+      "extra-bold": "8",
+      extrabold: "8",
+      "ultra-bold": "8",
+      ultrabold: "8",
+      black: "9",
+      heavy: "9",
+      l: "3",
+      r: "4",
+      b: "7"
+    },
+    Ba = {
+      i: "i",
+      italic: "i",
+      n: "n",
+      normal: "n"
+    },
+    Ca = /^(thin|(?:(?:extra|ultra)-?)?light|regular|book|medium|(?:(?:semi|demi|extra|ultra)-?)?bold|black|heavy|l|r|b|[1-9]00)?(n|i|normal|italic)?$/;
+
+  function Da(a) {
+    for (var b = a.f.length, c = 0; c < b; c++) {
+      var d = a.f[c].split(":"),
+        e = d[0].replace(/\+/g, " "),
+        f = ["n4"];
+      if (2 <= d.length) {
+        var g;
+        var m = d[1];
+        g = [];
+        if (m)
+          for (var m = m.split(","), h = m.length, l = 0; l < h; l++) {
+            var k;
+            k = m[l];
+            if (k.match(/^[\w-]+$/)) {
+              var n = Ca.exec(k.toLowerCase());
+              if (null == n) k = "";
+              else {
+                k = n[2];
+                k = null == k || "" == k ? "n" : Ba[k];
+                n = n[1];
+                if (null == n || "" == n) n = "4";
+                else var r = Aa[n],
+                  n = r ? r : isNaN(n) ? "4" : n.substr(0, 1);
+                k = [k, n].join("")
+              }
+            } else k = "";
+            k && g.push(k)
+          }
+        0 < g.length && (f = g);
+        3 == d.length && (d = d[2], g = [], d = d ? d.split(",") :
+          g, 0 < d.length && (d = za[d[0]]) && (a.c[e] = d))
+      }
+      a.c[e] || (d = za[e]) && (a.c[e] = d);
+      for (d = 0; d < f.length; d += 1) a.a.push(new G(e, f[d]))
+    }
+  };
+
+  function Ea(a, b) {
+    this.c = a;
+    this.a = b
+  }
+  var Fa = {
+    Arimo: !0,
+    Cousine: !0,
+    Tinos: !0
+  };
+  Ea.prototype.load = function (a) {
+    var b = new B,
+      c = this.c,
+      d = new ta(this.a.api, this.a.text, this.a.display, this.a.effect, this.a.version),
+      e = this.a.families;
+    va(d, e);
+    var f = new ya(e);
+    Da(f);
+    z(c, wa(d), C(b));
+    E(b, function () {
+      a(f.a, f.c, Fa)
+    })
+  };
+
+  function Ga(a, b) {
+    this.c = a;
+    this.a = b
+  }
+  Ga.prototype.load = function (a) {
+    var b = this.a.id,
+      c = this.c.s;
+    b ? A(this.c, (this.a.api || "https://use.typekit.net") + "/" + b + ".js", function (b) {
+      if (b) a([]);
+      else if (c.Typekit && c.Typekit.config && c.Typekit.config.fn) {
+        b = c.Typekit.config.fn;
+        for (var e = [], f = 0; f < b.length; f += 2)
+          for (var g = b[f], m = b[f + 1], h = 0; h < m.length; h++) e.push(new G(g, m[h]));
+        try {
+          c.Typekit.load({
+            events: !1,
+            classes: !1,
+            async: !0
+          })
+        } catch (l) {}
+        a(e)
+      }
+    }, 2E3) : a([])
+  };
+
+  function Ha(a, b) {
+    this.c = a;
+    this.f = b;
+    this.a = []
+  }
+  Ha.prototype.load = function (a) {
+    var b = this.f.id,
+      c = this.c.s,
+      d = this;
+    b ? (c.__webfontfontdeckmodule__ || (c.__webfontfontdeckmodule__ = {}), c.__webfontfontdeckmodule__[b] = function (b, c) {
+      for (var g = 0, m = c.fonts.length; g < m; ++g) {
+        var h = c.fonts[g];
+        d.a.push(new G(h.name, ga("font-weight:" + h.weight + ";font-style:" + h.style)))
+      }
+      a(d.a)
+    }, A(this.c, (this.f.api || "https://f.fontdeck.com/s/css/js/") + ea(this.c) + "/" + b + ".js", function (b) {
+      b && a([])
+    })) : a([])
+  };
+  var Y = new oa(window);
+  Y.a.c.custom = function (a, b) {
+    return new sa(b, a)
+  };
+  Y.a.c.fontdeck = function (a, b) {
+    return new Ha(b, a)
+  };
+  Y.a.c.monotype = function (a, b) {
+    return new ra(b, a)
+  };
+  Y.a.c.typekit = function (a, b) {
+    return new Ga(b, a)
+  };
+  Y.a.c.google = function (a, b) {
+    return new Ea(b, a)
+  };
+  var Z = {
+    load: p(Y.load, Y)
+  };
+  "function" === typeof define && define.amd ? define(function () {
+    return Z
+  }) : "undefined" !== typeof module && module.exports ? module.exports = Z : (window.WebFont = Z, window.WebFontConfig && Y.load(window.WebFontConfig));
+}());

themes/godocs-4/assets/scss/_buttons.scss

@@ -0,0 +1,55 @@
+/* Button style */
+.btn {
+  font-size: 16px;
+  font-family: $font-primary;
+  text-transform: capitalize;
+  padding: 13px 30px;
+  border-radius: 6px;
+  border: 1px solid;
+  position: relative;
+  z-index: 1;
+  transition: .2s ease;
+  font-weight: 500;
+
+  &:hover,
+  &:active,
+  &:focus {
+    outline: 0;
+    box-shadow: none !important;
+  }
+  &-sm{
+    font-size: 14px;
+    padding: 10px 25px;
+  }
+}
+
+.btn-primary {
+  background: $color-primary;
+  color: $white;
+  border-color: $color-primary;
+
+  &:active,
+  &:hover,
+  &:focus,
+  &.focus,
+  &.active {
+    background: darken($color: $color-primary, $amount: 10) !important;
+    border-color: darken($color: $color-primary, $amount: 10) !important;
+  }
+}
+
+.btn-outline-primary {
+  background: transparent;
+  color: $color-primary;
+  border-color: $color-primary;
+
+  &:active,
+  &:hover,
+  &:focus,
+  &.focus,
+  &.active {
+    background: $color-primary !important;
+    border-color: $color-primary !important;
+    color: $white;
+  }
+}

themes/godocs-4/assets/scss/_common.scss

@@ -0,0 +1,276 @@
+body {
+  background-color: $body-bg;
+  overflow-x: hidden;
+}
+
+::selection {
+  background: lighten($color: $color-primary, $amount: 10);
+  color: $white;
+}
+
+/* preloader */
+
+.preloader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #fff;
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.section-title {
+  font-weight: 700;
+}
+
+img {
+  vertical-align: middle;
+  border: 0;
+  max-width: 100%;
+  height: auto;
+}
+
+ul {
+  list-style: none;
+}
+
+a {
+  color: inherit;
+}
+
+a,
+a:hover,
+a:focus {
+  text-decoration: underline;
+}
+
+a,
+button,
+select {
+  cursor: pointer;
+  transition: .2s ease;
+
+  &:focus {
+    outline: 0;
+  }
+}
+
+a:hover {
+  color: $color-primary;
+}
+
+.slick-slide {
+  outline: 0;
+}
+
+.section {
+  padding-top: 80px;
+  padding-bottom: 80px;
+
+  &-sm {
+    padding-top: 50px;
+    padding-bottom: 50px;
+  }
+
+  &-title {
+    margin-bottom: 40px;
+  }
+}
+
+.bg-cover {
+  background-size: cover;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.border-default {
+  border-color: $border-color !important;
+}
+
+/* overlay */
+
+.overlay {
+  position: relative;
+
+  &::before {
+    position: absolute;
+    content: '';
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    background: $black;
+    opacity: .5;
+  }
+}
+
+.outline-0 {
+  outline: 0 !important;
+}
+
+.rounded {
+  border-radius: 12px !important;
+}
+
+.shadow {
+  box-shadow: 0px 15px 60px rgba(62, 62, 62, 0.102) !important;
+}
+
+.d-unset {
+  display: unset !important;
+}
+
+.bg-primary {
+  background: $color-primary !important;
+}
+
+.text-primary {
+  color: $color-primary !important;
+}
+
+.text-light {
+  color: $text-light !important;
+}
+
+iframe {
+  max-width: 100%;
+}
+
+.zindex-1 {
+  z-index: 1;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.fw-medium {
+  font-weight: 500;
+}
+
+// Arrow Icon
+.nav-next,
+.nav-prev {
+  span {
+    font-size: 18px;
+  }
+
+  i {
+    font-size: 14px;
+    line-height: 29px;
+    transition: transform 0.4s;
+  }
+}
+
+.nav-prev {
+  &:hover i {
+    transform: translateX(-3px);
+  }
+
+  i {
+    margin-left: 3px;
+  }
+}
+
+.nav-next {
+  &:hover i {
+    transform: translateX(3px);
+  }
+
+  i {
+    margin-right: 3px;
+  }
+}
+
+.glightbox:hover {
+  cursor: pointer;
+  opacity: .9;
+  transition: 0.3s;
+}
+
+.glightbox-clean .gslide-title {
+  text-align: center;
+  margin-bottom: 0 !important;
+  font-style: italic;
+  opacity: 0.6;
+}
+
+.glightbox-clean .gdesc-inner {
+  padding: 14px 20px !important;
+}
+
+// Tooltip
+.tooltip-word {
+  position: relative;
+  cursor: help;
+  border-bottom: 1px dotted currentColor;
+}
+
+.tooltip-word::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  z-index: 50;
+
+  bottom: calc(100% + 0.4rem);
+  left: 50%;
+  transform: translate(-50%, 4px);
+
+  display: inline-block;
+  padding: 0.45rem 0.6rem;
+  background: #207495;
+  color: #fff;
+  border-radius: 4px;
+  font-size: 0.75rem;
+  line-height: 1.4;
+  text-align: left;
+  font-weight: normal;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
+
+  width: max-content;
+  max-width: 260px;
+  white-space: normal !important;
+  word-break: normal !important;
+  overflow-wrap: break-word;
+
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.18s ease, transform 0.18s ease;
+}
+
+.tooltip-word:hover::after,
+.tooltip-word:focus::after {
+  opacity: 1;
+  transform: translate(-50%, 0); 
+}
+
+@media (max-width: 575px) { 
+  .tooltip-word::after {
+    position: fixed;
+    bottom: 1.5rem;
+    top: auto;
+    padding:20px;
+
+    left: 0;
+    right: 0;
+    margin: 0 .75rem;
+
+    width: auto;
+    max-width: none;
+    transform: none;
+
+    box-sizing: border-box;
+    text-align: left;
+    white-space: normal;
+    font-size: 14px;
+    font-weight: normal;
+  }
+
+  .tooltip-word:hover::after,
+  .tooltip-word:focus::after {
+    transform: none;     // animatie alleen in Y is nu niet meer nodig
+  }
+}

themes/godocs-4/assets/scss/_mixins.scss

@@ -0,0 +1,29 @@
+@mixin mobile-xs{
+  @media(max-width:400px){
+    @content;
+  }
+}
+@mixin mobile{
+  @media(max-width:575px){
+    @content;
+  }
+}
+@mixin tablet{
+  @media(max-width:767px){
+    @content;
+  }
+}
+@mixin desktop{
+  @media(max-width:991px){
+    @content;
+  }
+}
+@mixin desktop-lg{
+  @media(max-width:1200px){
+    @content;
+  }
+}
+
+@mixin size($size){
+  width: $size; height: $size;
+}

themes/godocs-4/assets/scss/_typography.scss

@@ -0,0 +1,93 @@
+/*  typography */
+@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&display=swap');
+
+body {
+  font-family: $font-primary;
+  -webkit-font-smoothing: antialiased;
+  font-size: 16px;
+  line-height: 1.6;
+  color: $text-color;
+}
+
+p,
+.paragraph {
+  font-weight: 400;
+  color: $text-color;
+  font-size: 16px;
+  line-height: 26px;
+  font-family: $font-primary;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: $text-dark;
+  font-family: $font-primary;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6 {
+  font-weight: 600;
+}
+
+h1,
+.h1 {
+  font-size: 50px;
+
+  @include mobile {
+    font-size: 36px;
+  }
+}
+
+h2,
+.h2 {
+  font-size: 42px;
+
+  @include mobile {
+    font-size: 32px;
+  }
+}
+
+h3,
+.h3 {
+  font-size: 32px;
+
+  @include mobile {
+    font-size: 28px;
+  }
+}
+
+h4,
+.h4 {
+  font-size: 26px;
+}
+
+h5,
+.h5 {
+  font-size: 22px;
+}
+
+h6,
+.h6 {
+  font-size: 18px;
+}
+
+
+.display-3 {
+  font-size: 50px;
+  font-weight: 800;
+
+  @include mobile {
+    font-size: 36px;
+    font-weight: 600;
+  }
+}

themes/godocs-4/assets/scss/style.scss

@@ -0,0 +1,30 @@
+// site variables
+{{ with site.Params.variables }}
+$color-primary: {{.color_primary}};
+$text-color: {{.text_color}};
+$text-dark: {{.text_dark}};
+$text-light: {{.text_light}};
+$body-bg: {{.body_color}};
+$border-color: {{.border_color}};
+$black: {{.black}};
+$white: {{.white}};
+$light: {{.light}};
+
+$font-size: {{.font_size | default "16px"}}; 
+$font-primary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_primary | default "Lato") "+" " "}}', {{.font_primary_type | default "sans-serif"}};
+$font-secondary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_secondary | default "Lato") "+" " "}}', {{.font_secondary_type | default "sans-serif"}};
+$font-icon: '{{.font_icon | default "Font Awesome 5 Free"}}';
+{{ end }}
+
+@import 'templates/bootstrap';
+@import 'mixins';
+@import 'typography';
+@import 'buttons';
+@import 'common';
+@import 'templates/navigation.scss';
+@import 'templates/main.scss';
+@import 'templates/search-modal';
+@import 'gallery';
+@import 'tabs';
+@import 'notice';
+@import 'collapse';

themes/godocs-4/assets/scss/templates/_bootstrap.scss

@@ -0,0 +1,53 @@
+// Bootstrap 5.3.0
+
+@import "../bootstrap/mixins/banner";
+@include bsBanner("");
+
+// scss-docs-start import-stack
+// Configuration
+@import "../bootstrap/functions";
+@import "../bootstrap/variables";
+@import "../bootstrap/variables-dark";
+@import "../bootstrap/maps";
+@import "../bootstrap/mixins";
+@import "../bootstrap/utilities";
+
+// Layout & components
+@import "../bootstrap/root";
+@import "../bootstrap/reboot";
+@import "../bootstrap/type";
+@import "../bootstrap/images";
+@import "../bootstrap/containers";
+@import "../bootstrap/grid";
+@import "../bootstrap/tables";
+@import "../bootstrap/forms";
+@import "../bootstrap/buttons";
+@import "../bootstrap/transitions";
+@import "../bootstrap/dropdown";
+// @import "../bootstrap/button-group";
+@import "../bootstrap/nav";
+@import "../bootstrap/navbar";
+@import "../bootstrap/card";
+@import "../bootstrap/accordion";
+@import "../bootstrap/breadcrumb";
+@import "../bootstrap/pagination";
+// @import "../bootstrap/badge";
+// @import "../bootstrap/alert";
+// @import "../bootstrap/progress";
+// @import "../bootstrap/list-group";
+// @import "../bootstrap/close";
+// @import "../bootstrap/toasts";
+@import "../bootstrap/modal";
+// @import "../bootstrap/tooltip";
+// @import "../bootstrap/popover";
+// @import "../bootstrap/carousel";
+// @import "../bootstrap/spinners";
+// @import "../bootstrap/offcanvas";
+// @import "../bootstrap/placeholders";
+
+// Helpers
+@import "../bootstrap/helpers";
+
+// Utilities
+@import "../bootstrap/utilities/api";
+// scss-docs-end import-stack

themes/godocs-4/assets/scss/templates/_main.scss

@@ -0,0 +1,633 @@
+.card {
+  @extend .shadow;
+  @extend .rounded;
+  transition: .2s ease;
+  border: 0;
+
+  &-lg {
+    .card-body {
+      padding: 35px;
+    }
+  }
+
+  &-icon {
+    background: $color-primary;
+    color: $white;
+    padding: 10px 0;
+    width: 53px;
+    display: inline-block;
+    text-align: center;
+    font-size: 22px;
+    @extend .rounded;
+  }
+
+  &-text {
+    margin-bottom: 0;
+  }
+
+  &-title {
+    font-weight: 700;
+  }
+
+  &-body {
+    padding: 25px;
+  }
+
+  &:hover {
+    box-shadow: 0px 15px 60px rgba(62, 62, 62, 0.2) !important;
+  }
+}
+
+.social-icons {
+  margin-bottom: 0;
+
+  a {
+    display: block;
+    height: 42px;
+    width: 42px;
+    line-height: 42px;
+    text-align: center;
+    color: $white;
+    background: $color-primary;
+    border-radius: 6px;
+
+    &:hover {
+      background: darken($color: $color-primary, $amount: 10) !important;
+    }
+  }
+}
+
+.footer-menu {
+  margin-bottom: 0;
+
+  a {
+    display: block;
+    padding: 10px;
+    color: $text-color;
+    transition: .2s ease;
+    font-weight: 500;
+
+    &:hover {
+      color: $color-primary;
+    }
+  }
+}
+
+/* sidenav */
+.sidenav {
+  border-right: 1px solid $border-color;
+  padding: 0 20px 0 10px;
+  position: sticky;
+  top: 80px;
+
+  ul {
+    padding-left: 10px;
+  }
+
+  &>li {
+    a {
+      padding: 10px 0;
+      color: $text-dark;
+      display: block;
+      font-size: 18px;
+      font-weight: 500;
+    }
+
+    &:not(:last-child) {
+      border-bottom: 1px solid $border-color;
+    }
+  }
+
+  .sidelist {
+    ul {
+      display: none;
+    }
+  }
+
+  .parent {
+    &>a {
+      color: $color-primary !important;
+      position: relative;
+      margin-left: 10px;
+
+      &::before {
+        position: absolute;
+        content: "";
+        left: -10px;
+        top: 25%;
+        height: 50%;
+        width: 1px;
+        background: $color-primary;
+      }
+    }
+
+    ul {
+      display: block;
+      margin-bottom: 10px;
+
+      a {
+        padding: 5px 0;
+        font-size: 14px;
+        font-weight: 400;
+        color: rgba($text-dark, 0.8);
+      }
+
+      li.active>a {
+        margin-left: 10px;
+
+        &::before {
+          height: 5px;
+          width: 5px;
+          border-radius: 50%;
+          display: block;
+          top: 13px;
+        }
+      }
+    }
+  }
+}
+
+/* /sidenav */
+
+.sidelist {
+  display: none;
+
+  &.parent {
+    display: block;
+    border-bottom: 0 !important;
+
+    .sidelist {
+      display: block;
+    }
+  }
+}
+
+/* /sidenav */
+
+.pagination {
+  margin-top: 50px;
+  justify-content: space-between;
+
+  a {
+    color: $color-primary;
+    font-size: 18px;
+    font-weight: 500;
+  }
+
+  svg {
+    height: 28px;
+    font-size: 15px;
+  }
+}
+
+// code-tab
+.code-tabs {
+  border: 1px solid $border-color;
+  overflow: hidden;
+  margin-bottom: 20px;
+
+  .nav-tabs {
+    margin-bottom: 0;
+
+    .nav-item {
+      padding-left: 0;
+      border-right: 1px solid $border-color;
+
+      .nav-link {
+        text-decoration: none;
+        font-weight: 500;
+        border: 0;
+      }
+
+      &::before {
+        display: none;
+      }
+
+      &.active {
+        background: $color-primary;
+
+        .nav-link {
+          color: $white;
+        }
+      }
+    }
+  }
+
+  .tab-content {
+    padding: 20px 15px;
+  }
+}
+
+// copy to clipboard
+
+pre {
+  position: relative;
+
+  .copy-to-clipboard {
+    background: $color-primary;
+    color: $white;
+    cursor: pointer;
+    padding: 4px 5px;
+    line-height: 1;
+    font-size: 12px;
+    font-weight: 500;
+    border-radius: 4px;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+  }
+}
+
+:not(pre)>code+span.copy-to-clipboard {
+  display: none;
+}
+
+// autocomplete
+.autocomplete-suggestions {
+  border: 0;
+  border-radius: 0 0 6px 6px;
+  box-shadow: 0px 50px 60px rgba(62, 62, 62, 0.102) !important;
+  background: $white;
+
+  &::-webkit-scrollbar {
+    width: 5px;
+
+    &-track {
+      background: $light;
+    }
+
+    &-thumb {
+      background: $border-color;
+    }
+  }
+
+  .autocomplete-suggestion {
+    transition: .2s ease;
+    padding: 10px;
+    font-weight: 500;
+
+    &.selected {
+      background: $color-primary;
+    }
+  }
+}
+
+.search-item {
+  a {
+    color: $text-dark;
+    display: block;
+
+    &:hover {
+      color: $color-primary;
+    }
+  }
+
+  &:not(:last-child) {
+    border-bottom: 1px solid $border-color;
+  }
+}
+
+.form-group {
+  label {
+    font-size: 15px;
+    font-weight: 500;
+  }
+
+  .form-control {
+    font-size: 16px;
+    height: 40px;
+    background: transparent;
+    border: 0;
+    border-bottom: 1px solid $border-color;
+    border-radius: 0;
+    padding: 10px 0;
+    color: $text-dark;
+
+    &::placeholder {
+      font-size: 16px;
+      color: $text-light;
+    }
+
+    &:focus {
+      outline: 0;
+      border-color: $color-primary;
+      box-shadow: none;
+    }
+  }
+
+  .form-select {
+    font-size: 16px;
+    color: rgba($text-dark, .8);
+    border-top: 0;
+    border-left: 0;
+    border-right: 0;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(34,34,34,.5)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+    background-position: right center;
+
+    &:focus {
+      outline: 0;
+      border-color: $color-primary;
+      box-shadow: none;
+    }
+
+    option:checked {
+      font-size: 36px !important;
+    }
+  }
+
+  textarea.form-control {
+    height: 100px;
+    resize: none;
+  }
+}
+
+.form-control {
+  border: 1px solid $border-color;
+  border-radius: 6px;
+
+  &:focus {
+    box-shadow: none !important;
+    outline: 0;
+    border-color: $color-primary;
+  }
+}
+
+textarea.form-control {
+  height: 100px;
+}
+
+.badge {
+  margin-bottom: 20px;
+  font-weight: 500;
+  font-size: 15px;
+  padding: 5px 10px;
+  width: fit-content;
+  border-radius: 4px;
+
+  &.added {
+    background: #3778FF;
+    color: $white;
+  }
+
+  &.fixed {
+    background: #F54773;
+    color: $white;
+  }
+
+  &.changed {
+    background: #3AAA55;
+    color: $white;
+  }
+
+  &.depricated {
+    background: #343434;
+    color: $white;
+  }
+
+  &.removed {
+    background: #3bbfe4;
+    color: $white;
+  }
+
+  &.security {
+    background: #F53535;
+    color: $white;
+  }
+
+  &.unreleased {
+    background: #A037FF;
+    color: $white;
+  }
+}
+
+.collapse-wrapper {
+  padding: 5px 15px;
+
+  .collapse-head {
+    text-decoration: none;
+    color: $text-color;
+    font-size: 18px;
+    font-weight: 500;
+    align-items: center;
+  }
+}
+
+:not(.highlight) pre {
+  background: $light;
+}
+
+// content style
+.content {
+  span[style="color:#585b70;font-style:italic"] {
+    color: #7f818c !important;
+  }
+
+  &>img {
+    border-radius: 5px;
+  }
+
+  * {
+  //  word-break: break-word;
+  //  overflow-wrap: break-word;
+  }
+
+  strong {
+    font-weight: 600;
+  }
+
+  a {
+    text-decoration: underline;
+    color: $color-primary;
+  }
+
+  ol,
+  ul {
+    padding-left: 20px;
+
+    li {
+      margin-bottom: 10px;
+    }
+  }
+
+  ul {
+    padding-left: 0;
+    margin-bottom: 20px;
+
+    li {
+      padding-left: 20px;
+      position: relative;
+
+      &::before {
+        position: absolute;
+        content: '';
+        height: 8px;
+        width: 8px;
+        border-radius: 50%;
+        background: $color-primary;
+        left: 3px;
+        top: 8px;
+      }
+    }
+
+  }
+
+  table {
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: 1rem;
+    border: 1px solid #EEEEEE;
+    border-radius: 5px;
+    border-spacing: 0;
+    border-collapse: separate;
+    overflow: hidden;
+  }
+
+  table td,
+  table th {
+    padding: .75rem;
+    vertical-align: top;
+    margin-bottom: 0;
+  }
+
+  tr:not(:last-child) {
+    border-bottom: 1px solid #EEEEEE;
+  }
+
+  th {
+    font-weight: 500;
+  }
+
+  thead {
+    background: $light;
+    margin-bottom: 0;
+
+    tr {
+      border-bottom: 1px solid #EEEEEE;
+    }
+  }
+
+  tbody {
+    background: #fff;
+    margin-bottom: 0;
+  }
+
+  blockquote {
+    padding: 20px 30px;
+    border-left: 2px solid $color-primary;
+    margin: 40px 0;
+    font-weight: bold;
+    background: $light;
+
+    p {
+      color: rgba($text-dark, 0.8);
+      font-size: 18px !important;
+      margin-bottom: 0 !important;
+      line-height: 1.7;
+    }
+  }
+
+  pre {
+    display: block;
+    padding: 15px 20px !important;
+    margin: 10px 0 30px 0 !important;
+    border-radius: 6px;
+  }
+
+  code {
+    margin-bottom: 0 !important;
+    font-size: 100%;
+  }
+
+  iframe {
+    display: block;
+    border-radius: 5px;
+    margin-bottom: 30px;
+  }
+}
+
+.accordion-body {
+  color: $black;
+
+  *:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.tab-nav-button {
+  border-radius: 6px;
+}
+
+.content .tab-nav-button {
+  background-color: #fff;
+}
+
+[data-tab-item] {
+  padding-top: 10px;
+}
+
+blockquote,
+.notices {
+  border-radius: 4px;
+}
+
+.list-styled {
+  padding-left: 0;
+
+  li {
+    padding: 5px 0 5px 20px;
+    position: relative;
+
+    &::before {
+      position: absolute;
+      content: '';
+      height: 8px;
+      width: 8px;
+      border-radius: 50%;
+      background: $color-primary;
+      left: 3px;
+      top: 13px;
+      padding: 2px;
+      border: 2px solid $white;
+      box-shadow: 0 0 0 2px $color-primary;
+    }
+  }
+}
+
+// feedback
+.feedback {
+  padding-top: 50px;
+  margin-top: 50px;
+  border-top: 1px solid $border-color;
+
+  &-btn {
+    display: inline-block;
+    height: 45px;
+    width: 45px;
+    line-height: 45px;
+    text-align: center;
+    font-size: 25px;
+    border-radius: 6px;
+    border: 0;
+
+    &.positive {
+      color: $white;
+      background-color: #00bec4;
+      margin-right: 10px;
+
+      &.collapsed {
+        color: #00bec4;
+        background-color: #00bec427;
+      }
+    }
+
+    &.negative {
+      color: $white;
+      background-color: #f9756e;
+
+      &.collapsed {
+        color: #f9756e;
+        background-color: #f9756e2a;
+      }
+    }
+  }
+}

themes/godocs-4/assets/scss/templates/_navigation.scss

@@ -0,0 +1,238 @@
+.navigation {
+  transition: 0.2s ease;
+
+  &.home-nav {
+    transition: unset;
+    top: 0 !important;
+
+    &.nav-bg-home {
+      @include desktop {
+        padding-bottom: 60px;
+        top: -60px !important;
+      }
+    }
+  }
+
+  .container {
+    padding: 0;
+
+    @include tablet {
+      padding: 0 10px;
+    }
+  }
+
+  .navbar {
+    padding: 15px 0;
+  }
+
+  &.nav-bg {
+    background: $white;
+    box-shadow: 0px 5px 20px rgba(62, 62, 62, 0.08) !important;
+
+    @include desktop {
+      top: -60px;
+    }
+
+    @include mobile {
+      top: -50px;
+    }
+
+    @include mobile-xs {
+      top: -45px;
+    }
+  }
+
+  .form-inline {
+    width: 30%;
+
+    input {
+      width: 100%;
+      box-shadow: 0px 5px 10px rgba(62, 62, 62, 0.05) !important;
+    }
+  }
+
+  @include desktop {
+    .form-inline {
+      width: 100%;
+
+      .form-control {
+        box-shadow: none !important;
+        border: 1px solid $border-color;
+
+        &:focus {
+          border: 0;
+          box-shadow: 0px 5px 10px rgba(62, 62, 62, 0.05) !important;
+        }
+      }
+    }
+  }
+}
+
+.language-selector {
+  border: 0;
+  margin-right: 10px;
+}
+
+header .search-wrapper {
+  display: none;
+}
+
+.search-wrapper {
+  position: relative;
+  cursor: text;
+
+  .search-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: 15px;
+  }
+
+  .form-control {
+    height: 54px;
+    border: 1px solid $border-color;
+    padding-left: 40px !important;
+    border-radius: 5px;
+    width: 320px;
+    @extend .shadow;
+
+    @include mobile {
+      width: 250px;
+    }
+
+    &-sm {
+      height: 45px;
+      width: 220px;
+    }
+
+    &::placeholder {
+      color: $text-light;
+      font-size: 15px;
+    }
+  }
+
+  .search-button {
+    border: 1px solid $border-color;
+    color: $text-light;
+    background-color: transparent;
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+    border-radius: 4px;
+    cursor: text;
+  }
+}
+
+header.search-active.home-nav {
+  .search-wrapper {
+    display: block !important;
+  }
+
+  @include desktop {
+    .logo-wrapper {
+      display: none;
+    }
+
+    .mobile-view {
+      display: none !important;
+    }
+  }
+}
+
+@include desktop {
+
+  #banner .search-wrapper {
+    max-width: 300px;
+    margin: auto;
+    display: block;
+  }
+}
+
+.logo-wrapper {
+  display: flex;
+  align-items: center;
+  margin-right: 10px;
+  flex-wrap: nowrap;
+
+  img {
+    height: 28px;
+    width: auto;
+  }
+
+  .site-logo {
+    white-space: nowrap;
+
+    .site {
+      @include tablet {
+        display: none;
+      }
+    }
+  }
+
+  .logo-devider {
+    height: 30px;
+    width: 3px;
+    background-color: $border-color;
+    margin: 0 10px;
+  }
+
+  .docs-logo {
+    margin-top: 2px;
+  }
+}
+
+.search-sticky {
+  position: fixed !important;
+  top: 10px;
+  z-index: 9999;
+  width: 28%;
+  left: 37%;
+
+  @include desktop {
+    width: calc(100% - 20px);
+    max-width: 700px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  @include tablet {
+    max-width: 520px;
+  }
+
+  .form-control {
+    height: 50px !important;
+    box-shadow: 0px 5px 10px rgba(62, 62, 62, 0.05) !important;
+
+    @include desktop {
+      box-shadow: none !important;
+      border: 1px solid $border-color;
+
+      &:focus {
+        border: 0;
+      }
+    }
+
+    @include mobile {
+      height: 40px !important;
+    }
+  }
+
+  .btn-primary {
+    display: none;
+  }
+
+  .d-none {
+    display: block !important;
+  }
+}
+
+.mobile-view {
+  @include mobile {
+    zoom: 0.7;
+  }
+
+  @include mobile-xs {
+    zoom: 0.6;
+  }
+}

themes/godocs-4/assets/scss/templates/search-modal.scss

@@ -0,0 +1,106 @@
+// search-modal
+.search-modal-dialog {
+  margin-top: 150px;
+  max-width: 600px;
+  @include desktop {
+    margin-top: 80px;
+  }
+}
+.search-modal {
+  .input-group-text,
+  .search-form-control {
+    border: 2px solid rgba($color-primary, 0.5);
+  }
+  .search-form-control {
+    padding-right: 15px;
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+  .modal-body {
+    max-height: calc(100vh - 350px);
+    padding: 1rem;
+    overflow-y: auto;
+    background-color: #f5f6f7;
+    box-shadow: inset 0px 2px 18px #ddd;
+    border-bottom-left-radius: calc(0.3rem - 1px);
+    border-bottom-right-radius: calc(0.3rem - 1px);
+
+    &::-webkit-scrollbar {
+      width: 5px;
+      &-track {
+        background: $white;
+      }
+      &-thumb {
+        background: #c7c7c7;
+      }
+    }
+  }
+}
+.search-result-item {
+  &:first-child {
+    .section:not(:empty) {
+      margin-top: -15px;
+    }
+  }
+  &:not(:last-child) a {
+    margin-bottom: -1px;
+  }
+  > .section {
+    padding: 0 0.75rem;
+    display: inline-block;
+    margin-bottom: 10px;
+    margin-top: 25px;
+    font-size: 20px;
+    font-weight: 600;
+    &:empty {
+      display: none;
+    }
+  }
+  .block {
+    display: block;
+    padding: 0.65rem 1rem;
+    border-radius: 4px;
+    border: 1px solid #eee;
+    background-color: #fff;
+    transition: 0.1s;
+    p {
+      overflow: hidden;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      font-weight: 500;
+      mark:not(:first-child) {
+        background-color: transparent;
+      }
+      mark {
+        color: $color-primary;
+        background-color: rgba($color-primary, 0.05);
+      }
+      &:empty {
+        display: none;
+      }
+    }
+    &:focus,
+    &:hover {
+      background-color: rgba($color-primary, 0.8);
+      * {
+        color: white !important;
+      }
+      mark {
+        color: $color-primary !important;
+        background-color: $white;
+      }
+    }
+  }
+}
+#search-result-body {
+  &:empty {
+    &::after {
+      content: "No result to show!";
+      display: block;
+      text-align: center;
+      margin: 1.5rem 0;
+      opacity: 0.5;
+    }
+  }
+}