Adds OLCF logo to user docs

_static/css/theme_overrides.css

@@ -1,11 +1,31 @@
-.wy-side-nav-search, .wy-nav-top {
-   background: #007833;
-}
-
 .wy-nav-content {
    max-width: 1200px;
 }
 
+/* Adds whitespace between OLCF logo and Docs Home link */
+body > div > nav > div > div.wy-side-nav-search > a > img {
+    padding-bottom: 10px;
+}
+
+/* Clicking on the OLCF logo does nothing 
+   (disable RTD theme's default <a> behavior) */
+body > div > nav > div > div.wy-side-nav-search > a{
+    pointer-events: none;
+    cursor: default;
+}
+
+/* Supersede the above block, and allow the Docs Home link to be clickable */
+body > div > nav > div > div.wy-side-nav-search > a > a{
+    pointer-events: auto !important;
+    cursor: pointer !important;
+    color: grey !important;
+}
+
+/* Don't let the color of the Docs Home link change. */
+body > div > nav > div > div.wy-side-nav-search > a > a:visited{
+    color: grey !important;
+}
+
 /* override table width restrictions */
 @media screen and (min-width: 767px) {
 

_static/js/custom.js

@@ -17,4 +17,13 @@ $( document ).ready(function() {
   aside.appendChild(separator);
   aside.appendChild(olcf_link);
 
+// Insert Project Name "OLCF User Documentation" below html_logo in sidebar navigation
+  var project_name_link = document.createElement("a");
+  var project_name_text = document.createTextNode(" OLCF User Documentation");
+  project_name_link.appendChild(project_name_text);
+  project_name_link.setAttribute("href", "https://docs.olcf.ornl.gov");
+  project_name_link.classList.add("icon");
+  project_name_link.classList.add("icon-home");
+  wysidenavsearch = document.querySelector("body > div > nav > div > div.wy-side-nav-search > a");
+  wysidenavsearch.appendChild(project_name_link);
 });

conf.py

@@ -74,6 +74,8 @@
     'js/custom.js',
 ]
 
+html_logo = 'images/olcf_logo.png'
+
 html_favicon = 'images/favicon.ico'
 
 html_context = {
@@ -92,6 +94,8 @@
     'sticky_navigation': True,
     'navigation_depth': 4,
     'style_external_links': True,
+    'style_nav_header_background': '#efefef',
+    'logo_only': True,
 }