Removed 'Home' button from header tabs (#804)

* Removed 'Home' button from header tabs.
Added link to homepage to ACCESS-Hive Docs title.
Adjusted responsiveness.

* Fixed max-width of main content

docs/css/access-nri.css

@@ -314,7 +314,7 @@
 */
 /* Grid */
 .md-grid {
-  max-width: 68rem;
+  max-width: 87%;
 }
 /* Article */
 .md-content__inner {
@@ -774,7 +774,6 @@ details.code {
   justify-content: center;
   align-items: stretch;
   gap: 0.1rem;
-  height: 7rem;
 }
 
 .md-footer-meta.md-typeset.md-grid > * {
@@ -865,16 +864,6 @@ details.code {
   flex-shrink: 1;
   position: relative;
 }
-.md-header__img {
-  justify-content: center;
-  align-items: center;
-  margin: 0 0.2em 0 0.3em;
-  flex-shrink: 1;
-  position: relative;
-}
-.md-header__img img {
-  max-height: 2rem;
-}
 
 /* Main logo */
 .md-header__button:hover {
@@ -933,15 +922,13 @@ details.code {
   Header Buttons CSS - "Hive Forum", "ACCESS-NRI", "Contribute"
 */
 .header-btn-container {
-  flex-grow: 1;
-  flex-shrink: 1;
   max-width: 20rem;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-end;
   align-items: stretch;
-  gap: 1rem;
+  gap: 0.8rem;
   margin: 0 .5rem;
 }
 
@@ -953,6 +940,7 @@ details.code {
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
+  gap: 0.2rem;
   border-radius: 0.3rem;
   border: 1px solid;
   padding: 0 0.3em;
@@ -1313,22 +1301,13 @@ img.intro-img {
   }
 }
 
-
-@media screen and (width <= 608px) {
-  /* Footer */
-  .md-footer-meta.md-typeset.md-grid {
-    height: 11rem;
-  }
-}
-
-@media screen and (width > 600px) {
+@media screen and (width > 650px) {
   .small-card {
     max-height: 5rem;
     max-width: 40%;
   }
 }
-
-@media screen and (width <= 600px) {
+@media screen and (width <= 650px) {
   .vertical-card {
     width: 40%;
   }
@@ -1362,10 +1341,6 @@ img.intro-img {
     flex-wrap: wrap;
   }
 
-  /* Forum, ACCESS-NRI and GitHub buttons */
-  .header-btn-container {
-    flex-grow: 0;
-  }
   /* Make squared btn */
   .header-btn {
     flex-basis: 0;
@@ -1409,20 +1384,16 @@ img.intro-img {
   }
 }
 
-@media screen and (width > 400px) {
-  /* Hide logo in title */
-  .md-header__img {
-    display: none;
+@media screen and (width <= 450px) {
+  /* Hide title in header */
+  .md-header__title {
+    visibility: hidden;
   }
 }
 
-@media screen and (width <= 400px) {
-  /* Show logo in title */
-  .md-header__title {
-    display: none;
-  }
-  /* Hide text in title */
-  .md-header__img {
-    display: flex;
+/* Overwrites build */
+@media screen and (max-width: 76.1875em) {
+  .md-header__button.md-logo {
+      display: block;
   }
 }

mkdocs.yml

@@ -92,9 +92,6 @@ markdown_extensions:
 
 # Navigation
 nav:
-  - Home: 
-    - index.md
-
   - Getting Started: 
     - getting_started/index.md
     - Set Up your NCI Account: getting_started/set_up_nci_account.md

overrides/partials/header.html

@@ -28,17 +28,14 @@
   {% endif %}
   <header class="{{ class }}" data-md-component="header">
     <nav class="md-header__inner md-grid" aria-label="{{ lang.t('header') }}">
-      <a href="/" class="md-header__button md-logo" aria-label="{{ config.site_name }}" data-md-component="logo">
-        {% include "partials/logo.html" %}
-      </a>
       <label class="md-header__button md-icon" for="__drawer">
         {% include ".icons/material/menu" ~ ".svg" %}
       </label>
+      <a href="/" class="md-header__button md-logo" aria-label="{{ config.site_name }}" data-md-component="logo">
+        {% include "partials/logo.html" %}
+      </a>
       <div class="md-header__title bold" data-md-component="header-title">
-        <span>{{ config.site_name }}</span>
-      </div>
-      <div class="md-header__img">
-        <img src="/assets/ACCESS_icon_HIVE.png" alt="logo">
+        <a href="/">{{ config.site_name }}</a>
       </div>
       {% if config.theme.palette %}
         {% if not config.theme.palette is mapping %}