Fix images location and add versions.js

Author: alecbcs

_static/js/versions.js

@@ -0,0 +1,37 @@
+// taken from https://github.com/readthedocs/sphinx_rtd_theme/blob/3.0.2/sphinx_rtd_theme/static/js/versions.js_t
+
+function onSelectorSwitch(event) {
+  const option = event.target.selectedIndex;
+  const item = event.target.options[option];
+  window.location.href = item.dataset.url;
+}
+
+document.addEventListener("readthedocs-addons-data-ready", function (event) {
+  const config = event.detail.data();
+
+  const versionSwitch = document.querySelector(
+    "div.version-switch",
+  );
+  let versions = config.versions.active;
+  if (config.versions.current.hidden || config.versions.current.type === "external") {
+    versions.unshift(config.versions.current);
+  }
+  const versionSelect = `
+  <select>
+    ${versions
+      .map(
+        (version) => `
+      <option
+value="${version.slug}"
+${config.versions.current.slug === version.slug ? 'selected="selected"' : ""}
+            data-url="${version.urls.documentation}">
+            ${version.slug}
+        </option>`,
+      )
+      .join("\n")}
+  </select>
+`;
+
+  versionSwitch.innerHTML = versionSelect;
+  versionSwitch.firstElementChild.addEventListener("change", onSelectorSwitch);
+})

conf.py

@@ -158,8 +158,8 @@ def setup(sphinx):
 # of the sidebar.
 html_theme_options = {
     "sidebar_hide_name": True,
-    "light_logo": "spack-logo-text.svg",
-    "dark_logo": "spack-logo-white-text.svg",
+    "light_logo": "images/spack-logo-text.svg",
+    "dark_logo": "images/spack-logo-white-text.svg",
 }
 
 # The name of an image file (within the static path) to use as favicon of the