Adding ON banner (#887)

* Adding ON banner

Signed-off-by: SteveMacenski <stevenmacenski@gmail.com>

* Showing up now

Signed-off-by: SteveMacenski <stevenmacenski@gmail.com>

* Banner try 3

Signed-off-by: SteveMacenski <stevenmacenski@gmail.com>

* Coloring

Signed-off-by: SteveMacenski <stevenmacenski@gmail.com>

* resizing

Signed-off-by: SteveMacenski <stevenmacenski@gmail.com>

---------

Signed-off-by: SteveMacenski <stevenmacenski@gmail.com>

Author: SteveMacenski

_themes/otc_tcs_sphinx_theme/layout.html

@@ -21,4 +21,14 @@
 <script type="text/javascript" src="{{ pathto('_static/tcs_theme.js', 1) }}"></script>
 <script async defer src="https://buttons.github.io/buttons.js"></script>
 
+<script>
+(function() {
+  var banner = document.createElement('div');
+  banner.innerHTML = '<span style="margin-right: 20px;"><strong>Partner with Nav2:</strong> sponsorship opportunities &amp; professional services available.</span><a href="https://opennav.org" target="_blank" rel="noopener" style="background: #343131; color: white; padding: 6px 17px; border-radius: 4px; text-decoration: none; font-weight: bold; font-size: 14px;">Learn More</a>';
+  banner.style.cssText = 'background: #5DCCEE; color: #333; padding: 13px 26px; text-align: center; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; font-size: 14px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);';
+  document.body.insertBefore(banner, document.body.firstChild);
+  document.body.style.paddingTop = '60px';
+})();
+</script>
+
 {% endblock %}