Mercurial > p > roundup > code
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 7337:beed64c7090c | 7338:dc1715ebbc6d |
|---|---|
| 70 {%- endif %} | 70 {%- endif %} |
| 71 {%- endblock %} | 71 {%- endblock %} |
| 72 </head> | 72 </head> |
| 73 <body> | 73 <body> |
| 74 <div id="skiplink"><a href="#main">Skip to main content</a></div> | 74 <div id="skiplink"><a href="#main">Skip to main content</a></div> |
| 75 <div class="header"><div class="label">Roundup</div> | 75 <header class="header"><div class="label">Roundup</div> |
| 76 {%- if pagename != "search" %} | 76 {%- if pagename != "search" %} |
| 77 <div id="searchbox" style="display: none"> | 77 <div id="searchbox" style="display: none"> |
| 78 <form class="search" action="{{ pathto('search') }}" method="get"> | 78 <form class="search" action="{{ pathto('search') }}" method="get"> |
| 79 <input type="text" aria-label="Enter search terms" | 79 <input type="text" aria-label="Enter search terms" |
| 80 name="q" size="18" autocomplete="on" /> | 80 name="q" size="18" autocomplete="on" /> |
| 82 <input type="hidden" name="check_keywords" value="yes" /> | 82 <input type="hidden" name="check_keywords" value="yes" /> |
| 83 <input type="hidden" name="area" value="default" /> | 83 <input type="hidden" name="area" value="default" /> |
| 84 </form> | 84 </form> |
| 85 </div> | 85 </div> |
| 86 {%- endif %} | 86 {%- endif %} |
| 87 </div> | 87 </header> |
| 88 <div class="navigation"> | 88 <div class="navigation"> |
| 89 <nav> | 89 <nav aria-label="primary navigation"> |
| 90 <div class="menu"> | 90 <div class="menu"> |
| 91 {{ toctree() }} | 91 {{ toctree() }} |
| 92 </div> | 92 </div> |
| 93 </nav> | 93 </nav> |
| 94 </div> | 94 </div> |
| 95 <div class="content"> | 95 <div class="content"> |
| 96 <div id="subnav"> | 96 <nav id="subnav" aria-label="sub navigation"> |
| 97 {%- if prev %} | 97 {%- if prev %} |
| 98 <a title="{{ prev.title|striptags }}" href="{{ prev.link|e }}"> | 98 <a title="{{ prev.title|striptags }}" href="{{ prev.link|e }}"> |
| 99 Prev</a> | 99 Prev</a> |
| 100 {%- endif %} | 100 {%- endif %} |
| 101 {%- if next %} | 101 {%- if next %} |
| 102 <a title="{{ next.title|striptags }}" href="{{ next.link|e }}"> | 102 <a title="{{ next.title|striptags }}" href="{{ next.link|e }}"> |
| 103 Next</a> | 103 Next</a> |
| 104 {%- endif %} | 104 {%- endif %} |
| 105 <a title="{{ _('Index') }}" href="{{ pathto('genindex') }}"> | 105 <a title="{{ _('Index') }}" href="{{ pathto('genindex') }}"> |
| 106 Index</a> | 106 Index</a> |
| 107 </div> | 107 </nav> |
| 108 <main id="main" tabindex="-1"> | 108 <main id="main" tabindex="-1"> |
| 109 {% block body %} {% endblock %} | 109 {% block body %} {% endblock %} |
| 110 </main> | 110 </main> |
| 111 </div> | 111 </div> |
| 112 {%- block footer %} | 112 {%- block footer %} |
| 113 <div class="footer"> | 113 <footer class="footer"> |
| 114 <div> | 114 <div> |
| 115 {%- if show_source and has_source and sourcename %} | 115 {%- if show_source and has_source and sourcename %} |
| 116 <span class="source">[<a href="{{ pathto('_sources/' + sourcename, true)|e }}" rel="nofollow">{{ _('page source') }}</a>]</span> | 116 <span class="source">[<a href="{{ pathto('_sources/' + sourcename, true)|e }}" rel="nofollow">{{ _('page source') }}</a>]</span> |
| 117 {%- endif %} | 117 {%- endif %} |
| 118 {%- if hasdoc('copyright') %} | 118 {%- if hasdoc('copyright') %} |
| 125 {%- if last_updated %} | 125 {%- if last_updated %} |
| 126 {% trans last_updated=last_updated|e %}Last updated on {{ last_updated }}.{% endtrans %} | 126 {% trans last_updated=last_updated|e %}Last updated on {{ last_updated }}.{% endtrans %} |
| 127 {%- endif %} | 127 {%- endif %} |
| 128 <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> | 128 <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> |
| 129 </div> | 129 </div> |
| 130 </div> | 130 </footer> |
| 131 {%- endblock %} | 131 {%- endblock %} |
| 132 <link rel="stylesheet" href="{{ pathto('_static/pygments.css', 1) }}" type="text/css" /> | 132 <link rel="stylesheet" href="{{ pathto('_static/pygments.css', 1) }}" type="text/css" /> |
| 133 <script> | 133 <script> |
| 134 /* locally hosted goatcounter https://www.goatcounter.com/ */ | 134 /* locally hosted goatcounter https://www.goatcounter.com/ */ |
| 135 /* include site info in path url to allow multiple sites to be | 135 /* include site info in path url to allow multiple sites to be |