Wrap the nav and breadcrumbs in a <header> element

This commit is contained in:
Danielle McLean 2017-10-02 22:44:28 +11:00
parent 9b6305f8c9
commit 096df9a550
Signed by: 00dani
GPG key ID: 3844A6973C6058F1

View file

@ -1,21 +1,20 @@
<nav .navbar .navbar-expand-lg .navbar-dark.bg-dark> <header>
$maybe title <- appTitle $ appSettings master <nav .navbar .navbar-expand-lg .navbar-dark.bg-dark>
<a .navbar-brand href=@{HomeR}>#{title} $maybe title <- appTitle $ appSettings master
<button type="button" .navbar-toggler data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" aria-label="Toggle navigation"> <a .navbar-brand href=@{HomeR}>#{title}
<span .navbar-toggler-icon> <button type="button" .navbar-toggler data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" aria-label="Toggle navigation">
<span .navbar-toggler-icon>
<div #navbar .collapse.navbar-collapse> <div #navbar .collapse.navbar-collapse>
<ul .navbar-nav.mr-auto> <ul .navbar-nav.mr-auto>
$forall MenuItem label route _ <- navbarLeftFilteredMenuItems $forall MenuItem label route _ <- navbarLeftFilteredMenuItems
<li .nav-item :Just route == mcurrentRoute:.active> <li .nav-item :Just route == mcurrentRoute:.active>
<a .nav-link href=@{route}>#{label} <a .nav-link href=@{route}>#{label}
<ul .navbar-nav> <ul .navbar-nav>
$forall MenuItem label route _ <- navbarRightFilteredMenuItems $forall MenuItem label route _ <- navbarRightFilteredMenuItems
<li .nav-item :Just route == mcurrentRoute:.active> <li .nav-item :Just route == mcurrentRoute:.active>
<a .nav-link href=@{route}>#{label} <a .nav-link href=@{route}>#{label}
<main>
$if not $ null parents $if not $ null parents
<ul .breadcrumb.rounded-0> <ul .breadcrumb.rounded-0>
$forall bc <- parents $forall bc <- parents
@ -24,10 +23,12 @@
<li .breadcrumb-item.active>#{title} <li .breadcrumb-item.active>#{title}
$maybe msg <- mmsg $maybe msg <- mmsg
<div .alert.alert-info #message>#{msg} <div .alert.alert-info #message>#{msg}
<main>
^{widget} ^{widget}
<!-- Footer --> <!-- Footer -->
<footer .footer> <footer>
<div .container> <div .container>
<p .text-muted> <p .text-muted>
All content on this site is licensed under a All content on this site is licensed under a