docs: Fix footer colors and header and footer links (#1173)

As discussed with design.

docs/_static/css/custom.css

@@ -162,8 +162,8 @@ ul.md-nav__list > li.md-nav__item > a.md-nav__link > span.md-ellipsis {
 /* Footer */
 
 .md-footer {
-    background-color: #EFF2FC;
-    color: black;
+    background-color: #333333;
+    color: ffffff;
 }
 
 .md-footer-meta {
@@ -174,7 +174,7 @@ ul.md-nav__list > li.md-nav__item > a.md-nav__link > span.md-ellipsis {
 
 html .md-footer-meta.md-typeset a {
     color: var(--md-footer-fg-color--light);
-    text-decoration: underline;
+    text-decoration: none;
 }
 
 .md-footer-meta__inner {
@@ -189,6 +189,7 @@ html .md-footer-meta.md-typeset a {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  padding-top: 0.4rem;
 }
 
 .czi-inner {

docs/_templates/partials/footer.html

@@ -88,13 +88,21 @@
   <div class="md-footer-meta md-typeset">
     <div class="md-footer-meta__inner md-grid">
       <div class="czi">
-        <div class="md-header__topic czi-footer">
-          <div class="md-ellipsis--cet">
-            CryoET Data Portal <img src="_static/img/beta.svg" alt="CryoET Data Portal">
+        <a
+          href="https://cryoetdataportal.czscience.com/"
+          title="CryoET Data Portal"
+          aria-label="CryoET Data Portal"
+          >
+          <div class="md-header__topic czi-footer">
+            <div class="md-ellipsis--cet">
+              CryoET Data Portal <img src="_static/img/beta.svg" alt="CryoET Data Portal">
+            </div>
+            <div class="hv"></div>
+            <div class="md-ellipsis--cet">
+              Documentation
+            </div>
           </div>
-          <div class="hv"></div>
-          <div class="md-ellipsis--cet">Documentation</div>
-        </div>
+        </a>
         <div class="czi-inner">
           <div class="czi-logo">
             <a href="https://chanzuckerberg.com/science/programs-resources/imaging/">

docs/_templates/partials/header.html

@@ -53,9 +53,9 @@
     <div class="md-header__title">
       <div class="md-header__ellipsis">
         <a
-        href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}"
-        title="{{ config.site_name | e }}"
-        aria-label="{{ config.site_name }}"
+        href="https://cryoetdataportal.czscience.com/"
+        title="CryoET Data Portal"
+        aria-label="CryoET Data Portal"
         >
           <div class="md-header__topic">
             <div class="md-ellipsis--cet">

docs/_toc.yml

@@ -15,5 +15,3 @@ subtrees:
     title: "FAQ"
   - file: cryoet_data_portal_docsite_aws.md
   - file: cryoet_data_portal_docsite_napari.md
-  - url: "https://cryoetdataportal.czscience.com/"
-    title: "CryoET Data Portal"