added issue number on comic pages

3 files changed, 9 insertions, 0 deletions

diff --git a/comic/assets/css/comic.css b/comic/assets/css/comic.css
index 1811c3f..888d61c 100644
--- a/comic/assets/css/comic.css
+++ b/comic/assets/css/comic.css
@@ -61,6 +61,12 @@ ul.navigation li a:hover {
     text-decoration: none;
 }
 
+ul.navigation li span {
+    width: 2rem;
+    display: inline-block;
+    text-align: center;
+}
+
 .icon-text {
     display: flex;
     flex-flow: row;
diff --git a/comic/templates/issue.html.j2 b/comic/templates/issue.html.j2
index 7674dfd..ca454c3 100644
--- a/comic/templates/issue.html.j2
+++ b/comic/templates/issue.html.j2
@@ -23,6 +23,7 @@
                 <ul class="navigation">
                     <li><a href="/issues/1">&lt;&lt;</a></li>
                     <li><a href="{{ previous }}">&lt;</a></li>
+                    <li><span>{{ issue_number }}</span></li>
                     <li><a href="{{ next }}">&gt;</a></li>
                     <li><a href="/">&gt;&gt;</a></li>
                 </ul>
@@ -31,6 +32,7 @@
                 <ul class="navigation">
                     <li><a href="/issues/1">&lt;&lt;</a></li>
                     <li><a href="{{ previous }}">&lt;</a></li>
+                    <li><span>{{ issue_number }}</span></li>
                     <li><a href="{{ next }}">&gt;</a></li>
                     <li><a href="/">&gt;&gt;</a></li>
                 </ul>
diff --git a/modules/comic_generate.py b/modules/comic_generate.py
index 36a0f86..f30366e 100644
--- a/modules/comic_generate.py
+++ b/modules/comic_generate.py
@@ -82,6 +82,7 @@ def generate(jinja_env: jinja2.Environment, output_root_path: str, local: bool):
         ctx = {
             "issue": issue,
             "url": issue.get_link(),
+            "issue_number": str(idx + 1),
             "previous": "/issues/1/#" if idx == 0 else f"/issues/{str(idx)}",
             "next": f"/issues/{str(idx + 1)}/#" if idx == last_issue_idx else f"/issues/{str(idx + 2)}"
         }