Introducing Next/Previous links at the bottom of the pages

Signed-off-by: blake <blake@mobiusconsortium.org>

diff --git a/docs-antora/ui/src/css/footer.css b/docs-antora/ui/src/css/footer.css
index 6521947..de01cda 100644 (file)
--- a/docs-antora/ui/src/css/footer.css
+++ b/docs-antora/ui/src/css/footer.css
@@ -13,3 +13,18 @@ footer.footer {
 .footer a {
   color: var(--footer-link-font-color);
 }
+
+.article-footer {
+  width: 100%;
+}
+
+.article-footer .article-footer-next {
+  float: right;
+  width: 35%;
+  text-align: right;
+}
+
+.article-footer .article-footer-previous {
+  float: left;
+  width: 35%;
+}

diff --git a/docs-antora/ui/src/partials/article.hbs b/docs-antora/ui/src/partials/article.hbs
index 11a5117..293f7ac 100644 (file)
--- a/docs-antora/ui/src/partials/article.hbs
+++ b/docs-antora/ui/src/partials/article.hbs
@@ -13,5 +13,13 @@ If you typed the URL of this page manually, please double check that you entered
 <h1 class="page">{{{page.title}}}</h1>
 {{/if}}
 {{{page.contents}}}
+<div class="article-footer">
+    <div class="article-footer-previous">
+        <a href="{{site.path}}{{page.previous.url}}">Previous</a>
+    </div>
+    <div class="article-footer-next">
+        <a href="{{site.path}}{{page.next.url}}">Next</a>
+    </div>
+</div>
 {{/if}}
 </article>