Better doc for ReadTheDocs

doc/docs/statics/addons.js

@@ -1,41 +1,48 @@
 function addSmileLogo() {
-  let logo = document.createElement("img");
+  const logo = document.createElement("img");
   logo.src = "/statics/Logo_Smile.png";
   logo.classList.add("smile-logo");
   logo.alt = "Smile logo";
 
-  let link = document.createElement("a");
+  const link = document.createElement("a");
   link.href = "https://www.smile.eu";
   link.target = "_blank";
   link.title = "Smile website";
-
+  link.classList.add("smile-logo");
   link.appendChild(logo);
 
+  const text = document.createElement("p");
+  text.innerHTML = "Sponsored by Smile";
+
+  const div = document.createElement("div");
+  div.classList.add("smile-logo");
+  div.appendChild(text);
+  div.appendChild(link);
+
   logo.addEventListener("load", () => {
-    let side = document.querySelector(".wy-menu");
-    side.appendChild(link);
+    let side = document.querySelector(".md-footer-meta__inner");
+    side.appendChild(div);
   });
 }
 
-function addKatenaryLogo() {
-  let logo = document.createElement("img");
-  logo.src = "/statics/logo.png";
-  logo.classList.add("logo");
-  logo.alt = "Katenary logo";
+function hljsInstall() {
+  const version = "11.5.1";
+  const theme = "github-dark";
 
-  let link = document.createElement("a");
-  link.href = "/";
-  link.title = "Index page";
+  const script = document.createElement("script");
+  script.src = `//cdnjs.cloudflare.com/ajax/libs/highlight.js/${version}/highlight.min.js`;
+  script.onload = () => {
+    const style = document.createElement("link");
+    style.rel = "stylesheet";
+    style.href = `//cdnjs.cloudflare.com/ajax/libs/highlight.js/${version}/styles/${theme}.min.css`;
+    document.head.appendChild(style);
+    hljs.initHighlightingOnLoad();
+  };
 
-  link.appendChild(logo);
-
-  logo.addEventListener("load", () => {
-    let side = document.querySelector(".wy-nav-side");
-    side.insertBefore(link, side.firstChild);
-  });
+  document.head.appendChild(script);
 }
 
 document.addEventListener("DOMContentLoaded", () => {
-  //addKatenaryLogo();
-  //addSmileLogo();
+  addSmileLogo();
+  hljsInstall();
 });

doc/docs/statics/main.css

@@ -1,16 +1,40 @@
-.wy-nav-side {
-  background-color: #333333;
+:root {
+  --md-primary-fg-color: #333333;
+}
+div.smile-logo {
+  display: flex;
+  font-size: 0.7rem;
+}
+img.smile-logo {
+  width: 100px;
+}
+pre code.hljs {
+  background-color: var(--md-primary-fg-color);
+  color: var(--md-primary-bg-color);
 }
 
-.wy-side-nav-search {
-  margin-top: 1em;
-  background-color: #333333;
+button.md-clipboard::after {
+  transition: all 0.5s ease;
+  color: var(--lt-color-gray-500);
+}
+button.md-clipboard:hover::after {
+  color: var(--md-primary-bg-color);
 }
 
-img.logo {
-  max-width: 70% !important;
+article a,
+article a:visited {
+  color: var(--md-code-hl-number-color);
 }
 
-.wy-nav-top {
-  background-color: #333333;
+.md-center {
+  text-align: center;
+  margin: auto;
+}
+
+.md-center img {
+  max-width: 200px;
+}
+
+.go-logo {
+  font-size: 4em;
 }