index.html.mustache in bookingit-0.4.0

- old
+ new
@@ -1,27 +1,35 @@
 {{> header.html}}
 {{#config}}
 <h2 class="subtitle">{{subtitle}}</h2>
 {{/config}}
-<ol class="front-matter">
-  {{#front_matter}}
-    <li class='chapter'><a href="{{relative_url}}">{{{title}}}</a></li>
-  {{/front_matter}}
-</ol>
-<ol class="main-matter">
-  {{#main_matter}}
-    <li class='chapter'>
-      <a href="{{relative_url}}">{{{title}}}</a>
-      <ol>
-      {{#sections}}
-      <li class='section'><a href="{{relative_url}}">{{{title}}}</a></li>
-      {{/sections}}
-      </ol>
-    </li class='chapter'>
-  {{/main_matter}}
-</ol>
-<ol class="back-matter">
-  {{#back_matter}}
-    <li class='chapter'><a href="{{relative_url}}">{{{title}}}</a></li>
-  {{/back_matter}}
-</ol>
+<nav class="toc">
+  <ol class="front-matter">
+    {{#front_matter}}
+      <li class='chapter'><a href="{{relative_url}}">{{{title}}}</a>
+        <ol>
+        {{#sections}}
+        <li class='section'><a href="{{relative_url}}">{{{title}}}</a></li>
+        {{/sections}}
+        </ol>
+      </li>
+    {{/front_matter}}
+  </ol>
+  <ol class="main-matter">
+    {{#main_matter}}
+      <li class='chapter'>
+        <a href="{{relative_url}}">{{{title}}}</a>
+        <ol>
+        {{#sections}}
+        <li class='section'><a href="{{relative_url}}">{{{title}}}</a></li>
+        {{/sections}}
+        </ol>
+      </li>
+    {{/main_matter}}
+  </ol>
+  <ol class="back-matter">
+    {{#back_matter}}
+      <li class='chapter'><a href="{{relative_url}}">{{{title}}}</a></li>
+    {{/back_matter}}
+  </ol>
+</nav>
 {{> footer.html}}