From c11015bb0d8afd34aa7687e5d14c8bf25ee3d6ec Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@geeklabor.de>
Date: Tue, 24 Aug 2021 17:45:40 +0200
Subject: [PATCH] feat: add 'home' link to header menu on mobile view for
 better accessibility (#192)

---
 layouts/partials/site-header.html | 6 ++++++
 src/sass/_base.scss               | 3 ++-
 src/sass/_mobile.scss             | 3 ++-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html
index 2c03955..11833ea 100644
--- a/layouts/partials/site-header.html
+++ b/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>
diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index 2f93c3d..babada4 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -206,7 +206,8 @@ img {
     }
   }
 
-  &__control {
+  &__control,
+  &__home {
     display: none;
 
     .icon {
diff --git a/src/sass/_mobile.scss b/src/sass/_mobile.scss
index 240cf55..a8bc829 100644
--- a/src/sass/_mobile.scss
+++ b/src/sass/_mobile.scss
@@ -28,7 +28,8 @@
       display: none;
     }
 
-    &__control {
+    &__control,
+    &__home {
       display: inline-block;
     }
   }