WIP: hide nav on mobile

This commit is contained in:
marko
2025-09-28 18:04:08 +02:00
parent ee75d0c0c6
commit f8e763bb36

View File

@@ -185,8 +185,7 @@ class Newsboard
foreach ($entries as $entryData) {
$entry = new \CwsvJudo\News\Entry($entryData);
$html .=
'<div class="col s12 l6" style="align-self: stretch;
">' .
'<div class="col s12 l6" style="align-self: stretch;">' .
$entry->as_card() .
"</div>";
}
@@ -233,6 +232,33 @@ function mainNavTargets($mainNav)
}
echo "</ul>";
}
function getHtmlNavBar($mainNav): string{
return (
'<nav class="nav navbar">'
.'<div class="nav-wrapper">'
.'<a href="#!" class="brand-logo">Logo</a>'
.'<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>'
.'<ul class="right hide-on-med-and-down">'
. implode(
array: array_map(
callback: fn($nav): string => '<li><a href="'.$mainNav['url'].'" title="'.$mainNav['title'].'"><span>'.$nav['caption'].'</span></a></i>', array: $mainNav
)
)
.'</ul>'
.'</div>'
.'</nav>'
.''
.'<ul class="sidenav" id="mobile-demo">'
. implode(
array: array_map(
callback: fn($nav): string => '<li><a href="'.$mainNav['url'].'" title="'.$mainNav['title'].'"><span>'.$nav['caption'].'</span></a></i>', array: $mainNav
)
)
.'</ul>'
);
}
?>
<!DOCTYPE html>
<html lang="de">