feat: add 'home' link to header menu on mobile view for better accessibility (#192)

layouts/partials/site-header.html

@@ -38,6 +38,12 @@
                 </svg>
             </span>
             {{ if .Root.Site.Data.menu.extra.header }}
+            <a href="{{ .Root.Site.BaseURL }}" class="gdoc-header__link gdoc-menu-header__home">
+                <svg class="icon gdoc_home">
+                    <title>Back to homepage</title>
+                    <use xlink:href="#gdoc_home"></use>
+                </svg>
+            </a>
             <label for="menu-header-control" class="gdoc-menu-header__control">
                 <svg class="icon gdoc_keyborad_arrow_right">
                     <use xlink:href="#gdoc_keyborad_arrow_right"></use>

src/sass/_base.scss

@@ -206,7 +206,8 @@ img {
     }
   }
 
-  &__control {
+  &__control,
+  &__home {
     display: none;
 
     .icon {

src/sass/_mobile.scss

@@ -28,7 +28,8 @@
       display: none;
     }
 
-    &__control {
+    &__control,
+    &__home {
       display: inline-block;
     }
   }