docs(sidebar): Link size and unlink hostname

Author: tony

docs/_static/css/custom.css

@@ -16,7 +16,8 @@ h4 {
 }
 
 .sidebar-tree p.indented-block {
-  padding: var(--sidebar-item-spacing-vertical) var(--sidebar-item-spacing-horizontal) 0 var(--sidebar-item-spacing-horizontal);
+  padding: var(--sidebar-item-spacing-vertical) var(--sidebar-item-spacing-horizontal) 0
+    var(--sidebar-item-spacing-horizontal);
   margin-bottom: 0;
 }
 
@@ -25,13 +26,12 @@ h4 {
   display: block;
 }
 
-.sidebar-tree p.indented-block > :not(.project-name) {
-  font-size: var(--toc-font-size);
-}
-
 .sidebar-tree p.indented-block .project-name {
   font-size: var(--sidebar-item-font-size);
   font-weight: bold;
   margin-right: calc(var(--sidebar-item-spacing-horizontal) / 2.5);
 }
 
+.sidebar-tree .active {
+  font-weight: bold;
+}

docs/_templates/sidebar/projects.html

@@ -1,4 +1,4 @@
-<div class="sidebar-tree projects">
+<div class="sidebar-tree projects" id="sidebar-projects">
   <p class="caption" role="heading">
     <span class="caption-text"
       >team git-pull / <a href="https://www.git-pull.com/">Tony Narlock</a></span
@@ -29,3 +29,18 @@
     </span>
   </p>
 </div>
+<script type="text/javascript">
+(() => {
+  console.log(window.location.hostname)
+  const sidebar = document.getElementById("sidebar-projects")
+  sidebar.querySelectorAll(`a[href*="${window.location.hostname}"]`)
+    .forEach((link) => {
+      if (!link.classList.contains("active")) {
+        const d = document.createElement('span');
+        d.innerHTML = link.innerHTML;
+        d.classList.add("active");
+        link.parentNode.replaceChild(d, link);
+      }
+    });
+})()
+</script>