From 8ca55ade2f14ec285075c7f568458e25c6cd31bc Mon Sep 17 00:00:00 2001
From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= <mosra@centrum.cz>
Date: Sat, 18 Nov 2017 15:17:44 +0100
Subject: [PATCH] css: hint that two-column navbar should have successive
 numbering.

And apply that to the theme as well.
---
 doc/css/page-layout.rst           | 7 ++++---
 pelican-theme/templates/base.html | 3 ++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/doc/css/page-layout.rst b/doc/css/page-layout.rst
index 2ff5af2f..48cdd955 100644
--- a/doc/css/page-layout.rst
+++ b/doc/css/page-layout.rst
@@ -158,7 +158,8 @@ add a thinner subtitle.
 
 To save vertical space on small screens, it's possible to split the navbar
 contents into two (or more) columns using standard m.css
-`grid functionality <{filename}/css/grid.rst>`_:
+`grid functionality <{filename}/css/grid.rst>`_. For better accessibility,
+specify the start index on the second :html:`<ol>` element.
 
 .. code:: html
     :hl_lines: 7 8 9 10 11 12 13 14 15 16 17 18 19
@@ -177,7 +178,7 @@ contents into two (or more) columns using standard m.css
                 <li><a href="#">Showcase</a></li>
                 <li><a href="#">Download</a></li>
               </ol>
-              <ol class="m-col-t-6 m-col-m-none">
+              <ol class="m-col-t-6 m-col-m-none" start="4">
                 <li><a href="#">Blog</a></li>
                 <li><a href="#">Contact</a></li>
               </ol>
@@ -211,7 +212,7 @@ appear as an indented sub-list.
                 <li><a href="#">Showcase</a></li>
                 <li><a href="#">Download</a></li>
               </ol>
-              <ol class="m-col-t-6 m-col-m-none">
+              <ol class="m-col-t-6 m-col-m-none" start="4">
                 <li>
                   <a href="#">Blog</a>
                   <ol>
diff --git a/pelican-theme/templates/base.html b/pelican-theme/templates/base.html
index 67dcb315..4a180600 100644
--- a/pelican-theme/templates/base.html
+++ b/pelican-theme/templates/base.html
@@ -45,7 +45,8 @@
             </li>
             {% endfor %}
           </ol>
-          <ol class="m-col-t-6 m-col-m-none">
+          {% set start = M_LINKS_NAVBAR1|length + 1 %}
+          <ol class="m-col-t-6 m-col-m-none" start="{{ start }}">
             {% for title, link, slug, sub in M_LINKS_NAVBAR2 %}
             <li>
               <a href="{{ link|format_siteurl }}"{% if (page and page.highlight == slug) or slug == page_slug %} id="m-navbar-current"{% endif %}>{{ title }}</a>
-- 
2.30.2