From f477fa54501e8f4b79ee1ac5b4174bf5fdfb6b2d Mon Sep 17 00:00:00 2001
From: Christian Wolf <github@christianwolf.email>
Date: Sun, 7 Jan 2024 10:42:21 +0100
Subject: [PATCH] Create basic structure for mobile menu in HTML DOM

---
 themes/tsc_vfl/layouts/_default/baseof.html           | 4 ++++
 themes/tsc_vfl/layouts/partials/page/header.html      | 1 +
 themes/tsc_vfl/layouts/partials/page/mobile-menu.html | 6 ++++++
 3 files changed, 11 insertions(+)
 create mode 100644 themes/tsc_vfl/layouts/partials/page/mobile-menu.html

diff --git a/themes/tsc_vfl/layouts/_default/baseof.html b/themes/tsc_vfl/layouts/_default/baseof.html
index 4258d02..0a7b0d0 100644
--- a/themes/tsc_vfl/layouts/_default/baseof.html
+++ b/themes/tsc_vfl/layouts/_default/baseof.html
@@ -17,6 +17,10 @@
                     {{- block "main" . -}}{{- end -}}
                 </div>
             </div>
+            <div class="mobile-menu">
+                <a id="mobile-menu"></a>
+                {{- partial "page/mobile-menu" . -}}
+            </div>
             {{- partial "page/footer.html" . -}}
         </div>
         <div id="overlay" class="hidden">
diff --git a/themes/tsc_vfl/layouts/partials/page/header.html b/themes/tsc_vfl/layouts/partials/page/header.html
index 08701bd..a49e399 100644
--- a/themes/tsc_vfl/layouts/partials/page/header.html
+++ b/themes/tsc_vfl/layouts/partials/page/header.html
@@ -42,4 +42,5 @@
             {{ end }}
         </nav>
     </div>
+    <a class="mobile-menu-link" href="#mobile-menu">Menu</a>
 </div>
diff --git a/themes/tsc_vfl/layouts/partials/page/mobile-menu.html b/themes/tsc_vfl/layouts/partials/page/mobile-menu.html
new file mode 100644
index 0000000..34e9403
--- /dev/null
+++ b/themes/tsc_vfl/layouts/partials/page/mobile-menu.html
@@ -0,0 +1,6 @@
+{{ range .Site.Menus.main }}
+<div class="level-1"><a href="{{ .URL }}" class="menu-link{{ if $.IsMenuCurrent "main" . }} active{{ end }}">{{ .Title }}</a></div>
+{{ range .Children }}
+<div class="level-2"><a href="{{ .URL }}" class="menu-link{{ if $.IsMenuCurrent "main" .}} active{{ end}}">{{ .Title }}</a></div>
+{{ end }}
+{{ end }}