From 3ddde82e00c074ded41a22eb854bf093db93500b Mon Sep 17 00:00:00 2001
From: marko <marko@arvi>
Date: Thu, 2 Jan 2025 20:16:40 +0100
Subject: [PATCH] WIP: update materialize template

---
 .../materialize-fromScratch.html              | 43 ++++++++++++++++---
 1 file changed, 37 insertions(+), 6 deletions(-)
diff --git a/homepage/cwsvJudo/pandocTemplate/materialize-fromScratch.html b/homepage/cwsvJudo/pandocTemplate/materialize-fromScratch.html
index 4ce7b93..4b176e7 100644
--- a/homepage/cwsvJudo/pandocTemplate/materialize-fromScratch.html
+++ b/homepage/cwsvJudo/pandocTemplate/materialize-fromScratch.html
@@ -82,16 +82,16 @@
 
 <body>
     <header>
-        <nav>
-            <div class="nav-wrapper">
-                <img style="height:100%;width:auto;" width="128" height="104" title="Judo im Chemnitzer WSV"
+        <nav class="nav-extended">
+            <div class="nav-wrapper" style="font-family: 'Orbitron-Medium', Impact, Charcoal, sans-serif;">
+                <!-- <img style="height:100%;width:auto;" width="128" height="104" title="Judo im Chemnitzer WSV"
                     alt="Judo im Chemnitzer WSV - Logo" src="/ressourcen/graphiken/logos/cwsvJudoLogoWappen.128w.png"
-                    srcset="/ressourcen/graphiken/logos/cwsvJudoLogoWappen.256w.png 2x">
+                    srcset="/ressourcen/graphiken/logos/cwsvJudoLogoWappen.256w.png 2x"> -->
                 <a href="/" class="brand-logo">
                     <span>cwsvJudo</span>
                 </a>
                 $if(mainNav)$
-                <ul id="nav-mobile" class="right hide-on-med-and-down">
+                <ul id="nav-mobile" class="right">
                     $for(mainNav)$
                     <li>
                         <a href="$mainNav.url$" $if(mainNav.caption)$title="$mainNav.caption$" $endif$
@@ -103,16 +103,47 @@
                 </ul>
                 $endif$
             </div>
+            <div class="nav-content">
+                $if(subNav)$
+                <ul class="tabs tabs-transparent">
+                    $for(subNav)$
+                    <li class="tab">
+                        <a href="$subNav.url$" $if(subNav.caption)$title="$subNav.caption$" $endif$
+                            $if(subNav.active)$class="activeNav" $endif$>
+                            <!-- $if(subNav.icon)$
+                            <img src="$if(subNav.icon.src)$$subNav.icon.src$$else$$subNav.icon$$endif$"
+                                $if(subNav.caption)$ alt="$subNav.caption$" $else$ $if(subNav.icon.alt)$
+                                alt="$subNav.icon.alt$" $endif$ $endif$ $if(subNav.icon.width)$
+                                width="$subNav.icon.width$" $endif$ $if(subNav.icon.height)$
+                                height="$subNav.icon.height$" $endif$ $if(subNav.icon.title)$
+                                title="$subNav.icon.title$" $endif$ $if(subNav.icon.srcset)$
+                                srcset="$subNav.icon.srcset$" $endif$>
+                            $endif$ -->
+                            $if(subNav.caption)$<span>$subNav.caption$</span>$endif$
+                        </a>
+                    </li>
+                    $endfor$
+                </ul>
+                $endif$
+            </div>
         </nav>
     </header>
     <main>
-
+        $body$
     </main>
     <footer>
 
     </footer>
     <!--JavaScript at end of body for optimized loading-->
     <script type="text/javascript" src="ressourcen/js/materialize.min.js"></script>
+    <script type="text/javascript">
+        document.addEventListener('DOMContentLoaded', function () {
+            var elems = document.querySelectorAll('.dropdown-trigger');
+            var instances = M.Dropdown.init(elems, {
+                // specify options here
+            });
+        });
+    </script>
 </body>
 
 </html>
\ No newline at end of file
