2023-05-03 01:59:10 +02:00
|
|
|
% my $categories = stash 'categories';
|
|
|
|
|
<nav class="mobile-shortcuts">
|
|
|
|
|
<a class="go-to-index" href="<%='/'.$categories->{index}{slug}%>"><%== $categories->{index}{menu_text} %></a>
|
|
|
|
|
<div></div>
|
|
|
|
|
<a href="#mobile-foldable" class="menu-expand">
|
2023-05-04 00:07:13 +02:00
|
|
|
<img class="open-menu-icon" src="/img/hamburger-menu-yellow.webp" alt="Expandir el menú."/>
|
|
|
|
|
<img class="open-menu-icon-hover" src="/img/hamburger-menu-purple.webp" alt="Expandir el menú."/>
|
2023-05-03 01:59:10 +02:00
|
|
|
</a>
|
|
|
|
|
</nav>
|
|
|
|
|
<nav class="mobile-foldable" id="mobile-foldable"><%
|
|
|
|
|
my $first = 1;
|
|
|
|
|
for my $category_key (sort {
|
|
|
|
|
$categories->{$a}{priority} <=> $categories->{$b}{priority}
|
|
|
|
|
} keys %$categories) {
|
|
|
|
|
my $category = $categories->{$category_key};
|
|
|
|
|
if (defined $category->{parent}) {
|
|
|
|
|
next;
|
|
|
|
|
}
|
|
|
|
|
%><a href="<%= '/'.$category->{slug} %>"><%==$category->{menu_text}%></a><div class="child-categories-mobile"><%
|
|
|
|
|
for my $child_category ($category->{children}->@*) {
|
|
|
|
|
%><a href="<%="/$child_category->{slug}"%>">* <%==$child_category->{menu_text}%></a><%
|
|
|
|
|
}%></div><%
|
|
|
|
|
}
|
|
|
|
|
%></nav>
|
