diff --git a/pg-py/themes/long/archive.html b/pg-py/themes/long/archive.html
new file mode 100644
index 0000000..4ab694c
--- /dev/null
+++ b/pg-py/themes/long/archive.html
@@ -0,0 +1,10 @@
+ <main class="list-page">
+ <h1>Archive</h1>
+ <p>This is the archive of all posts. It is an optional page, configurable from pa.py</p>
+
+ <ul class="post-list">
+ {% for post in posts %}
+ <li>{date|format:%d %b %Y} - <a href="{post.url}">{post.title}</a></li>
+ {% endfor %}
+ </ul>
+ </main>
diff --git a/pg-py/themes/long/footer.html b/pg-py/themes/long/footer.html
index c20563d..305d761 100644
--- a/pg-py/themes/long/footer.html
+++ b/pg-py/themes/long/footer.html
@@ -1,10 +1,6 @@
<footer style="padding:25px 0;">
- <span id="footer-directive">
- <p><small>Subscribe via <a href='/index.xml'>rss</a></small></p>
- </span>
+ <p>Subscribe via <a href='/index.xml'>rss</a></p>
- <span>
- Powered by Page with Py
- </span>
+ <span class="power">Site generated by <a href="https://codeberg.org/cybrkyd/page-with-py" target="_blank" rel="noopener">PaPy</a></span>
</footer>
diff --git a/pg-py/themes/long/head.html b/pg-py/themes/long/head.html
index 8d1f911..b002ddb 100644
--- a/pg-py/themes/long/head.html
+++ b/pg-py/themes/long/head.html
@@ -104,9 +104,7 @@ button {
cursor: pointer;
}
- time {
- font-family: monospace;
- font-style: normal;
+ .time, .power {
font-size: 15px;
}
@@ -129,14 +127,6 @@ img {
max-width: 100%;
}
- code {
- font-family: monospace;
- padding: 2px;
- background-color: var(--code-background-color);
- color: var(--code-color);
- border-radius: 3px;
- }
-
blockquote {
border-left: 1px solid #999;
color: var(--code-color);
@@ -188,7 +178,25 @@ ul.blog-posts li a:visited {
color: var(--visited-color);
}
- code,pre{font-family:Menlo, Monaco, Consolas, "Courier New", monospace;font-size:1em}
+ .tags:not(:has(a)) .tag-label {
+ display:none
+ }
+
+ .pager.blog-pager {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .pager.blog-pager .previous {
+ margin-right: auto;
+ }
+
+ .pager.blog-pager .next {
+ margin-left: auto;
+ }
+
+ code,pre{font-family:"Courier New", monospace;font-size:1em}
code{padding:2px 4px;font-size:1rem;color:#000;background-color:#ffe0e0;border-radius:4px}
pre{display:block;padding:9.5px;margin-top:20px;margin-bottom:3rem;font-size:1rem;line-height:1.42857143;word-break:break-all;word-wrap:break-word;background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px}
pre code{padding:0;font-size:inherit;color:#000;white-space:pre-wrap;background-color:transparent;border-radius:0}
diff --git a/pg-py/themes/long/header.html b/pg-py/themes/long/header.html
index bef4242..86435e8 100644
--- a/pg-py/themes/long/header.html
+++ b/pg-py/themes/long/header.html
@@ -4,6 +4,6 @@
<h1>My blog</h1>
</a>
<nav>
- <p><a href='/'>Home</a> <a href='/about'>About</a></p>
+ <p><a href='/'>Home</a> <a href='/about'>About</a> <a href='/archive'>Archive</a> <a href='/tags'>Tags</a></p>
</nav>
</header>
diff --git a/pg-py/themes/long/main.html b/pg-py/themes/long/main.html
index 66843ac..f7986ca 100644
--- a/pg-py/themes/long/main.html
+++ b/pg-py/themes/long/main.html
@@ -8,6 +8,7 @@
<div class="article-content">
{post.content}
</div>
+ <hr>
</article>
{% endfor %}
diff --git a/pg-py/themes/long/single.html b/pg-py/themes/long/single.html
index 80237a9..f8633d1 100644
--- a/pg-py/themes/long/single.html
+++ b/pg-py/themes/long/single.html
@@ -1,7 +1,7 @@
<main class="single-page">
<article class="post-content">
<h1>{title}</h1>
- <p>Published: {date}</p>
+ <p class="time">Published: {date|format:%d %b %Y}</p>
<hr>
{% for image in image_data %}
<img src="{image.src}" alt="{image.alt}" class="img-title" width="544" height="306" fetchpriority="high">
@@ -10,5 +10,24 @@
<div class="article-image-caption"><span>{caption}</span></div>
{% endfor %}
{content}
+
+ <div class="tags">
+ <span class="tag-label">Tagged in:</span>
+ {% for tag in tags %}
+ <a href="/tags/{tag.url}/">#{tag.label}</a>
+ {% endfor %}
+ </div>
</article>
+ <hr>
+
+ <nav aria-label="Post navigation">
+ <div class="pager blog-pager">
+ {% for nav in nav_items %}
+ <span class="{nav.type}">
+ <a href="{nav.url}" title="{nav.title}" aria-label="{nav.type} post: {nav.title}">{nav.label}</a>
+ </span>
+ {% endfor %}
+ </div>
+ </nav>
+
</main>
diff --git a/pg-py/themes/long/tags.html b/pg-py/themes/long/tags.html
index 9fc5776..1fec170 100644
--- a/pg-py/themes/long/tags.html
+++ b/pg-py/themes/long/tags.html
@@ -3,9 +3,7 @@
<ul class="post-list">
{% for post in posts %}
- <li><a href="{post.url}">{post.title}</a> - {post.date}</li>
+ <li><a href="{post.url}">{post.title}</a></li>
{% endfor %}
</ul>
-
- {pagination}
</main>