Merge pull request #19 from OpenScience-Collective/feature/cross-site-nav-footer

Add cross-site footer links and rewrite logo to main site

Author: neuromechanist

mkdocs-courses.yml

@@ -111,6 +111,7 @@ markdown_extensions:
   - pymdownx.tilde
 
 extra:
+  homepage: https://osc.earth
   social:
     - icon: fontawesome/brands/github
       link: https://github.com/OpenScience-Collective

mkdocs.yml

@@ -135,6 +135,7 @@ markdown_extensions:
   - pymdownx.tilde
 
 extra:
+  homepage: https://osc.earth
   social:
     - icon: fontawesome/brands/github
       link: https://github.com/OpenScience-Collective

overrides/main.html

@@ -0,0 +1,37 @@
+{% extends "base.html" %}
+
+{% block extrahead %}
+  {{ super() }}
+  <style>
+    .md-osc-sitelinks {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      gap: 0.35rem 0.6rem;
+      margin: 0 0 0.4rem;
+      padding: 0;
+      list-style: none;
+      font-size: 0.72rem;
+      font-weight: 500;
+    }
+    .md-osc-sitelinks li {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.6rem;
+    }
+    .md-osc-sitelinks li + li::before {
+      content: "·";
+      opacity: 0.5;
+    }
+    .md-osc-sitelinks a {
+      color: var(--md-footer-fg-color);
+      text-decoration: none;
+      border-bottom: 1px solid transparent;
+      transition: border-color 120ms ease;
+    }
+    .md-osc-sitelinks a:hover,
+    .md-osc-sitelinks a:focus {
+      border-bottom-color: currentColor;
+    }
+  </style>
+{% endblock %}

overrides/partials/copyright.html

@@ -0,0 +1,25 @@
+{#-
+  Shadows Material's partials/copyright.html to add cross-site navigation.
+  Keep `md-copyright__highlight` and generator markup aligned with upstream:
+  https://github.com/squidfunk/mkdocs-material/blob/master/material/templates/partials/copyright.html
+-#}
+<div class="md-copyright">
+  <nav aria-label="Open Science Collective sites">
+    <ul class="md-osc-sitelinks">
+      <li><a href="https://osc.earth">osc.earth</a></li>
+      <li><a href="https://docs.osc.earth">docs.osc.earth</a></li>
+      <li><a href="https://courses.osc.earth">courses.osc.earth</a></li>
+    </ul>
+  </nav>
+  {% if config.copyright %}
+    <div class="md-copyright__highlight">
+      {{ config.copyright }}
+    </div>
+  {% endif %}
+  {% if not config.extra.generator == false %}
+    Made with
+    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
+      Material for MkDocs
+    </a>
+  {% endif %}
+</div>