Use the header/announcement to add links to other docs (#35)

Author: smithara

_config-ci-master.yml

@@ -30,6 +30,42 @@ html:
   home_page_in_navbar       : true
   comments:
     hypothesis              : true
+  announcement: '
+    <div class="custom-header-container">
+        <div>
+            <a href="https://viresclient.readthedocs.io" class="link">viresclient</a>
+            
+            <a href="" class="link-selected">Swarm Notebooks</a>
+            <a href="https://swarmpal.readthedocs.io" class="link">SwarmPAL</a>
+            <a href="https://vires.services" target="_blank" class="link">VirES for Swarm ↗</a>
+            <a href="https://vre.vires.services" target="_blank" class="link">Swarm JupyterHub ↗</a>
+        </div>
+    </div>
+
+    <style>
+        .custom-header-container {}
+
+        .custom-header-container .link {
+            margin: 0 10px;
+            padding: 5px 10px;
+            text-decoration: none;
+            color: white;
+        }
+
+        .custom-header-container .link:hover {
+            color: #1e90ff !important;
+        }
+
+        .custom-header-container .link-selected {
+            margin: 0 10px;
+            padding: 5px 10px;
+            text-decoration: none;
+            background-color: #ccc;
+            color: black;
+            border-radius: 5px;
+        }
+    </style>
+  '
 
 # See https://jupyterbook.org/content/content-blocks.html
 parse:

_config-ci-staging.yml

@@ -30,6 +30,42 @@ html:
   home_page_in_navbar       : true
   comments:
     hypothesis              : true
+  announcement: '
+    <div class="custom-header-container">
+        <div>
+            <a href="https://viresclient.readthedocs.io" class="link">viresclient</a>
+            
+            <a href="" class="link-selected">Swarm Notebooks</a>
+            <a href="https://swarmpal.readthedocs.io" class="link">SwarmPAL</a>
+            <a href="https://vires.services" target="_blank" class="link">VirES for Swarm ↗</a>
+            <a href="https://vre.vires.services" target="_blank" class="link">Swarm JupyterHub ↗</a>
+        </div>
+    </div>
+
+    <style>
+        .custom-header-container {}
+
+        .custom-header-container .link {
+            margin: 0 10px;
+            padding: 5px 10px;
+            text-decoration: none;
+            color: white;
+        }
+
+        .custom-header-container .link:hover {
+            color: #1e90ff !important;
+        }
+
+        .custom-header-container .link-selected {
+            margin: 0 10px;
+            padding: 5px 10px;
+            text-decoration: none;
+            background-color: #ccc;
+            color: black;
+            border-radius: 5px;
+        }
+    </style>
+  '
 
 # See https://jupyterbook.org/content/content-blocks.html
 parse: