summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--comic/assets/css/comic.css6
-rw-r--r--comic/templates/issue.html.j22
-rw-r--r--modules/comic_generate.py1
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)}"
}