splitted up stylesheet and added lots of scaffolding to it. Style needs working.
[theme-danix.xyz.git] / layouts / partials / main-menu.html
index 207d05f..573f030 100644 (file)
@@ -1,21 +1,23 @@
-<ul>
-    {{ $currentPage := . }}
-    {{ range .Site.Menus.main }}
-        {{ if .HasChildren }}
-            <li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
-                <a href="#">{{ .Pre }} <span>{{ .Name }}</span></a>
-            </li>
-            <ul class="sub-menu">
-                {{ range .Children }}
-                <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
-                    <a href="{{ .URL }}">{{ .Name }}</a>
+<nav id="menu">
+    <ul class="links">
+        {{ $currentPage := . }}
+        {{ range .Site.Menus.main }}
+            {{ if .HasChildren }}
+                <li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
+                    <a href="#">{{ .Pre }} <span>{{ .Name }}</span></a>
                 </li>
-                {{ end }}
-            </ul>
-        {{ else }}
-            <li>
-                <a href="{{ .URL }}">{{ .Pre }} <span>{{ .Name }}</span></a>
-            </li>
+                <ul class="sub-menu">
+                    {{ range .Children }}
+                    <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
+                        <a href="{{ .URL }}">{{ .Name }}</a>
+                    </li>
+                    {{ end }}
+                </ul>
+            {{ else }}
+                <li>
+                    <a href="{{ .URL }}">{{ .Pre }} <span>{{ .Name }}</span></a>
+                </li>
+            {{ end }}
         {{ end }}
-    {{ end }}
-</ul>
+    </ul>
+</nav>