diff --git a/_static/css/theme_overrides.css b/_static/css/theme_overrides.css index 85274323..b951b7d7 100644 --- a/_static/css/theme_overrides.css +++ b/_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 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) { diff --git a/_static/js/custom.js b/_static/js/custom.js index 105724a0..eb3f717b 100644 --- a/_static/js/custom.js +++ b/_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); }); diff --git a/conf.py b/conf.py index 53039a25..cfda4035 100644 --- a/conf.py +++ b/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, }