added menu to switch pages to comic reader

comic/templates/base.html

@@ -67,6 +67,7 @@
     <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.21/b-1.6.2/b-colvis-1.6.2/r-2.2.4/datatables.min.js"></script>
     <script type="text/javascript" src="{% static "js/js.cookie.js" %}"></script>
     <script type="text/javascript" src="{% static "reveal.js/reveal.js" %}"></script>
+    <script type="text/javascript" src="{% static "reveal.js/plugin/menu/menu.js" %}"></script>
     <script type="text/javascript" src="{% static "js/hammer.min.js" %}"></script>
 
  {% block script %}

comic/templates/comic/read_comic.html

@@ -7,7 +7,7 @@
         <div class="reveal" id="comic_box">
 			<div class="slides">
                 {% for page in pages %}
-				<section><img data-src="{% url "get_image" nav.cur_path page.index %}" class=" w-100" onclick="nextPage()" ></section>
+				<section data-menu-title="{{ page.page_file_name }}"><img data-src="{% url "get_image" nav.cur_path page.index %}" class=" w-100" onclick="nextPage()" ></section>
                 {% endfor %}
 			</div>
 		</div>
@@ -34,6 +34,7 @@
               },
             touch: false,
             transition: 'slide',
+            plugins: [ RevealMenu ]
         }).then(() => {Reveal.slide({{ status.last_read_page }})} );
 
         Reveal.addEventListener( 'slidechanged', function( event ) {