Created the template file for the pagination.

includes/includes.js

@@ -142,6 +142,7 @@ module.exports =
     },
 
 
+
     fetchTemplate: function(templateName)
     {
         return utils.include("templates/" + templateName);

sites/blog.js

@@ -9,6 +9,10 @@ const whiskers = require('whiskers');
 const TEMPLATE_FILE="blog/blogMain.html";
 
 
+const PAGINATION_TEMPLATE_KEY = "paginationTemplate";
+const PAGINATION_TEMPLATE_FILE = "blog/paginationBar.html";
+
+
 //caching program to make the application run faster
 const cache = require('memory-cache');
 
@@ -74,8 +78,10 @@ module.exports=
                             // cache is not tricked into storing same blog post a ton of times
                         }
                     }
+
                     var templateContext = Object();
                     Promise.all([includes.fetchTemplate(TEMPLATE_FILE),
+                        utils.includeInObject(PAGINATION_TEMPLATE_KEY, templateContext, "templates/" + PAGINATION_TEMPLATE_FILE),
                         includes.printHeader(templateContext),
                         includes.printFooter(templateContext),
                         require(file).main(filename, request, templateContext),

templates/blog/blogMain.html

@@ -32,23 +32,27 @@
                 <br><br>
             {/for}
             <div class="row">
-                <div class="col-6">
-                    {if newPostsURL}
-                    <button class="btn btn-secondary btn-l" onclick="location.href='{newPostsURL}'">
-                        <b>Older Posts &raquo;</b>
-                    </button>
-                    {/if}
-                </div>
 
-                <div class="col-6">
-                    {if oldPostsURL}
-                        <span class="float-right">
-                            <button class="btn btn-secondary btn-l" onclick="location.href='{oldPostsURL}'">
-                                <b>Older Posts &raquo;</b>
-                            </button>
-                        </span>
-                    {/if}
-                </div>
+
+                {>paginationTemplate}
+
+                <!--<div class="col-6">-->
+                    <!--{if newPostsURL}-->
+                    <!--<button class="btn btn-secondary btn-l" onclick="location.href='{newPostsURL}'">-->
+                        <!--<b>Older Posts &raquo;</b>-->
+                    <!--</button>-->
+                    <!--{/if}-->
+                <!--</div>-->
+
+                <!--<div class="col-6">-->
+                    <!--{if oldPostsURL}-->
+                        <!--<span class="float-right">-->
+                            <!--<button class="btn btn-secondary btn-l" onclick="location.href='{oldPostsURL}'">-->
+                                <!--<b>Older Posts &raquo;</b>-->
+                            <!--</button>-->
+                        <!--</span>-->
+                    <!--{/if}-->
+                <!--</div>-->
             </div>
             <br>
         </div>

templates/blog/paginationBar.html

@@ -0,0 +1,45 @@
+<nav aria-label="...">
+    <ul class="pagination">
+        {if pagination.previous}
+            <li class="page-item">
+                <a class="page-link" href="{pagination.previous.url}">
+                    Previous
+                </a>
+            </li>
+        {else}
+            <li class="page-item disabled">
+                <span class="page-link">
+                    Previous
+                </span>
+            </li>
+        {/if}
+        {for page in pagination.pages}
+            <li class="page-item active">
+
+                {if page.isCurrent}
+                    <span class="page-link">
+                        {page.number}
+                        <span class="sr-only">(current)</span>
+                    </span>
+                {else}
+                    <a class="page-link" href="{page.url}">
+                        {page.number}
+                    </a>
+                {/if}
+            </li>
+        {/for}
+        {if pagination.next}
+            <li class="page-item">
+                <a class="page-link" href="{pagination.next.url}">
+                    Next
+                </a>
+            </li>
+        {else}
+            <li class="page-item disabled">
+                <span class="page-link">
+                    Next
+                </span>
+            </li>
+        {/if}
+    </ul>
+</nav>