diff --git a/pg-py/post/my-first-post.md b/pg-py/post/my-first-post.md
index bc6c189..836b9da 100644
--- a/pg-py/post/my-first-post.md
+++ b/pg-py/post/my-first-post.md
@@ -2,6 +2,7 @@
title: My First Post
summary: First post summary.
date: 2025-09-08T11:25:57+0000
+ tags: bang
---
This is a first post example.
@@ -9,3 +10,5 @@ This is a first post example.
Markdown works well here.
So does inline tagging {{ hashtag:aTagHere }} - very nice!
+
+ This page will display the tag **#bang** at the bottom - this is a tag taken from this page's front matter. These are comma-separated.
diff --git a/pg-py/post/the-second-one.md b/pg-py/post/the-second-one.md
index d0d2913..3ac0157 100644
--- a/pg-py/post/the-second-one.md
+++ b/pg-py/post/the-second-one.md
@@ -1,7 +1,7 @@
---
title: The second one
summary: The second post summary.
- date: 2025-09-09
+ date: 2025-09-09T13:23:19+0000
---
This is the second post example.
@@ -14,6 +14,8 @@ Some plain code in here
# Comment
Maybe some more here.
+
+ Checking inline {{ \hashtag:example }} is working.
```
The end.
diff --git a/pg-py/themes/basic/footer.html b/pg-py/themes/basic/footer.html
index beff9c0..4f54f48 100644
--- a/pg-py/themes/basic/footer.html
+++ b/pg-py/themes/basic/footer.html
@@ -1,10 +1,6 @@
<footer style="padding:25px 0;">
- <span id="footer-directive">
- <p><small>Subscribe via <a href='/rss.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">Powered by <a href="https://codeberg.org/cybrkyd/page-with-py" target="_blank" rel="noopener">PaPy</a></span>
</footer>
diff --git a/pg-py/themes/basic/head.html b/pg-py/themes/basic/head.html
index 8d1f911..a6bec8b 100644
--- a/pg-py/themes/basic/head.html
+++ b/pg-py/themes/basic/head.html
@@ -104,9 +104,7 @@ button {
cursor: pointer;
}
- time {
- font-family: monospace;
- font-style: normal;
+ .time, .power {
font-size: 15px;
}
@@ -188,7 +186,21 @@ ul.blog-posts li a:visited {
color: var(--visited-color);
}
- code,pre{font-family:Menlo, Monaco, Consolas, "Courier New", monospace;font-size:1em}
+ .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/basic/main.html b/pg-py/themes/basic/main.html
index 9fc5776..dfc0866 100644
--- a/pg-py/themes/basic/main.html
+++ b/pg-py/themes/basic/main.html
@@ -3,7 +3,7 @@
<ul class="post-list">
{% for post in posts %}
- <li><a href="{post.url}">{post.title}</a> - {post.date}</li>
+ <li>{date|format:%d %b %Y} - <a href="{post.url}">{post.title}</a></li>
{% endfor %}
</ul>
diff --git a/pg-py/themes/basic/page.html b/pg-py/themes/basic/page.html
new file mode 100644
index 0000000..f9e5cfd
--- /dev/null
+++ b/pg-py/themes/basic/page.html
@@ -0,0 +1,15 @@
+ <main class="single-page">
+ <article class="post-content">
+ <h1>{title}</h1>
+ <hr>
+ {% for image in image_data %}
+ <img src="{image.src}" alt="{image.alt}" class="img-title" width="544" height="306" fetchpriority="high">
+ {% endfor %}
+ {% for caption in caption_data %}
+ <div class="article-image-caption"><span>{caption}</span></div>
+ {% endfor %}
+ {content}
+ </article>
+ <hr>
+
+ </main>
diff --git a/pg-py/themes/basic/single.html b/pg-py/themes/basic/single.html
index 80237a9..8976355 100644
--- a/pg-py/themes/basic/single.html
+++ b/pg-py/themes/basic/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,21 @@
<div class="article-image-caption"><span>{caption}</span></div>
{% endfor %}
{content}
+
+ {% for tag in tags %}
+ <a href="/tags/{tag}/">#{tag}</a>
+ {% endfor %}
</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/basic/tags.html b/pg-py/themes/basic/tags.html
index 9fc5776..dfc0866 100644
--- a/pg-py/themes/basic/tags.html
+++ b/pg-py/themes/basic/tags.html
@@ -3,7 +3,7 @@
<ul class="post-list">
{% for post in posts %}
- <li><a href="{post.url}">{post.title}</a> - {post.date}</li>
+ <li>{date|format:%d %b %Y} - <a href="{post.url}">{post.title}</a></li>
{% endfor %}
</ul>
diff --git a/pg-py/themes/cards/footer.html b/pg-py/themes/cards/footer.html
index beff9c0..c20563d 100644
--- a/pg-py/themes/cards/footer.html
+++ b/pg-py/themes/cards/footer.html
@@ -1,6 +1,6 @@
<footer style="padding:25px 0;">
<span id="footer-directive">
- <p><small>Subscribe via <a href='/rss.xml'>rss</a></small></p>
+ <p><small>Subscribe via <a href='/index.xml'>rss</a></small></p>
</span>
<span>
diff --git a/pg-py/themes/cards/page.html b/pg-py/themes/cards/page.html
new file mode 100644
index 0000000..f9e5cfd
--- /dev/null
+++ b/pg-py/themes/cards/page.html
@@ -0,0 +1,15 @@
+ <main class="single-page">
+ <article class="post-content">
+ <h1>{title}</h1>
+ <hr>
+ {% for image in image_data %}
+ <img src="{image.src}" alt="{image.alt}" class="img-title" width="544" height="306" fetchpriority="high">
+ {% endfor %}
+ {% for caption in caption_data %}
+ <div class="article-image-caption"><span>{caption}</span></div>
+ {% endfor %}
+ {content}
+ </article>
+ <hr>
+
+ </main>
diff --git a/pg-py/themes/long/footer.html b/pg-py/themes/long/footer.html
index beff9c0..c20563d 100644
--- a/pg-py/themes/long/footer.html
+++ b/pg-py/themes/long/footer.html
@@ -1,6 +1,6 @@
<footer style="padding:25px 0;">
<span id="footer-directive">
- <p><small>Subscribe via <a href='/rss.xml'>rss</a></small></p>
+ <p><small>Subscribe via <a href='/index.xml'>rss</a></small></p>
</span>
<span>
diff --git a/pg-py/themes/long/page.html b/pg-py/themes/long/page.html
new file mode 100644
index 0000000..f9e5cfd
--- /dev/null
+++ b/pg-py/themes/long/page.html
@@ -0,0 +1,15 @@
+ <main class="single-page">
+ <article class="post-content">
+ <h1>{title}</h1>
+ <hr>
+ {% for image in image_data %}
+ <img src="{image.src}" alt="{image.alt}" class="img-title" width="544" height="306" fetchpriority="high">
+ {% endfor %}
+ {% for caption in caption_data %}
+ <div class="article-image-caption"><span>{caption}</span></div>
+ {% endfor %}
+ {content}
+ </article>
+ <hr>
+
+ </main>