Mercurial > p > roundup > code
diff website/www/_templates/layout.html @ 7338:dc1715ebbc6d
Replace divs with proper html5 landmarks.
div.header -> header.header (class kept for css)
div.subnav -> nav.subnav
div.footer -> footer.footer
Also since there are now two navs (primary on the left and the subnav
with prev/next/index), all nav's get an aria-label to distinguish the
subnav from the main nav.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Sun, 14 May 2023 01:22:19 -0400 |
| parents | 33124f6dc1c4 |
| children | 4295ac110551 |
line wrap: on
line diff
--- a/website/www/_templates/layout.html Sun May 14 01:12:19 2023 -0400 +++ b/website/www/_templates/layout.html Sun May 14 01:22:19 2023 -0400 @@ -72,7 +72,7 @@ </head> <body> <div id="skiplink"><a href="#main">Skip to main content</a></div> - <div class="header"><div class="label">Roundup</div> + <header class="header"><div class="label">Roundup</div> {%- if pagename != "search" %} <div id="searchbox" style="display: none"> <form class="search" action="{{ pathto('search') }}" method="get"> @@ -84,16 +84,16 @@ </form> </div> {%- endif %} - </div> + </header> <div class="navigation"> - <nav> + <nav aria-label="primary navigation"> <div class="menu"> {{ toctree() }} </div> </nav> </div> <div class="content"> - <div id="subnav"> + <nav id="subnav" aria-label="sub navigation"> {%- if prev %} <a title="{{ prev.title|striptags }}" href="{{ prev.link|e }}"> Prev</a> @@ -104,13 +104,13 @@ {%- endif %} <a title="{{ _('Index') }}" href="{{ pathto('genindex') }}"> Index</a> - </div> + </nav> <main id="main" tabindex="-1"> {% block body %} {% endblock %} </main> </div> {%- block footer %} - <div class="footer"> + <footer class="footer"> <div> {%- if show_source and has_source and sourcename %} <span class="source">[<a href="{{ pathto('_sources/' + sourcename, true)|e }}" rel="nofollow">{{ _('page source') }}</a>]</span> @@ -127,7 +127,7 @@ {%- endif %} <span>Hosted by <a href="https://sourceforge.net"><img src="https://sflogo.sourceforge.net/sflogo.php?group_id=31577&type=1" width="88" height="31" alt="SourceForge.net Logo" /></a></span> </div> - </div> + </footer> {%- endblock %} <link rel="stylesheet" href="{{ pathto('_static/pygments.css', 1) }}" type="text/css" /> <script>