updated styling for post navigation
All checks were successful
/ weblog.lol (push) Successful in 14s

This commit is contained in:
Gordon Pedersen 2024-05-13 10:57:57 +10:00
parent 31db75fbbf
commit 81739ff6aa
5 changed files with 14 additions and 5 deletions

View file

@ -27,8 +27,8 @@ Post template: Post Template
;; ---------- ;; ----------
Pagination path: /page/ Pagination path: /page/
Previous page template: <span class="previous-page"><a href="$previous_page">← Previous Page</a></span> Previous page template: <span class="next-page"><a href="$next_page"><i class="fa-solid fa-clock-rotate-left"></i> Older</a></span>
Next page template: <span class="next-page"><a href="$next_page">Next Page →</a></span> Next page template: <span class="previous-page"><a href="$previous_page">Newer <i class="fa-solid fa-clock-rotate-left mirror"></i></a></a></span>
;; Time stuff ;; Time stuff

View file

@ -60,6 +60,7 @@ body {
article, article,
main.page, main.page,
main>nav,
.card { .card {
display: block; display: block;
max-width: 42em; max-width: 42em;
@ -244,10 +245,18 @@ h1 a {
.weblog-title a { .weblog-title a {
background: none; background: none;
} }
.weblog-title a:hover, .post-info a:hover {
text-shadow: 0 0 .5em var(--accent), 0 0 .25em var(--foreground);
}
main>nav {
flex-direction: row;
justify-content: space-between;
}
.mirror {
transform: scaleX(-1);
}

View file

@ -26,8 +26,8 @@ Title: Landing Page Template
{body} {body}
<nav> <nav>
{previous-page}
{next-page} {next-page}
{previous-page}
</nav> </nav>
</main> </main>