hugosoucycc

[ARCHIVED] Another old source code of <hugo.soucy.cc>.
Log | Files | Refs | Submodules

commit f88a1b1f05285e671bc9b6cafeb02ca6e53d3611
parent d7b98086d1123cbf38db638b4731e8ed1c5f8f85
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Wed, 27 Sep 2017 10:48:15 -0400

Add the focus trap partial.

Diffstat:
Mtemplates/mustache/partials/nav.button.mustache | 26+++++++++++++-------------
Mtemplates/mustache/partials/nav.index.mustache | 9+++++----
Mtemplates/mustache/partials/nav.mustache | 7++++---
3 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/templates/mustache/partials/nav.button.mustache b/templates/mustache/partials/nav.button.mustache @@ -1,16 +1,16 @@ <script id="navButtonTpl" type="text/tpl"> - <div class="layout"> - <a class="nav-button" href="#menu"> - <span class="nav-button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + <span class="visuallyhidden">Aller au </span>Menu <span class="visuallyhidden">principal</span> + </span> - <span class="nav-button__burger"> - <svg class="nav-button__burger__ico" fill="#fff" height="50" viewBox="0 0 24 24" width="50" xmlns="http://www.w3.org/2000/svg"> - <path d="M0 0h24v24H0z" fill="none"/> - <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/> - </svg> - </span> - </a> - </div> + <span class="nav-button__burger"> + <svg class="nav-button__burger__ico" fill="#fff" height="50" viewBox="0 0 24 24" width="50" xmlns="http://www.w3.org/2000/svg"> + <path d="M0 0h24v24H0z" fill="none"/> + <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/> + </svg> + </span> + </a> + </div> </script> diff --git a/templates/mustache/partials/nav.index.mustache b/templates/mustache/partials/nav.index.mustache @@ -1,7 +1,7 @@ <nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> + <h2 class="visuallyhidden">Menu principal</h2> <ul class="nav__list" role="menubar"> <li class="nav__item"> @@ -20,13 +20,14 @@ </a> </li> <li class="nav__item"> - <a class="nav__link" href="{{ BASE_URL }}/a-propos.html"> - À propos - </a> + <a class="nav__link" href="{{ BASE_URL }}/a-propos.html"> + À propos + </a> </li> </ul> </div> {{> nav.close.mustache }} + {{> nav.trap.mustache }} </div> </nav> diff --git a/templates/mustache/partials/nav.mustache b/templates/mustache/partials/nav.mustache @@ -1,8 +1,8 @@ -<nav class="nav"> +<nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> <h2 class="visuallyhidden">Navigation</h2> - + <ul class="nav__list" role="menubar"> <li class="nav__item"> <a class="nav__link" href="{{ BASE_URL }}" rel="index"> @@ -32,6 +32,7 @@ </ul> </div> - {{> nav.close.mustache }} + {{> nav.close.mustache }} + {{> nav.trap.mustache }} </div> </nav>