Update the way dates render on post list

This commit is contained in:
2026-08-13 14:22:23 -05:00
parent 4586616251
commit cb97df446e
2 changed files with 14 additions and 2 deletions

View File

@@ -33,15 +33,17 @@
<div id="links-section"> <div id="links-section">
<h2>Links</h2> <h2>Links</h2>
<ul> <ul>
<li><a href="https://git.bellsworne.tech/">Git repos</a></li>
<li><a href="https://youtube.com/c/hexstudios">YouTube</a></li> <li><a href="https://youtube.com/c/hexstudios">YouTube</a></li>
<li><a href="https://bellsworne.com">My company - Bellsworne</a></li> <li><a href="https://bellsworne.com">My company - Bellsworne</a></li>
<li><a href="https://git.bellsworne.tech/chrisbell/hexstudios-co">Page source code (git)</a></li>
</ul> </ul>
</div> </div>
<div id="sticky-posts-section"> <div id="sticky-posts-section">
<h2>Pinned posts</h2> <h2>Pinned posts</h2>
<ul> <ul>
<li><a href="https://hexstudios.co/post.html?file=about.md">About // August 13, 2026</a></li> <li><a href="https://hexstudios.co/post.html?file=about.md">About <i class="post-link-date">August 13, 2026</i></a></li>
</ul> </ul>
</div> </div>
@@ -65,7 +67,7 @@
posts.forEach(post => { posts.forEach(post => {
const li = document.createElement('li'); const li = document.createElement('li');
const a = document.createElement('a'); const a = document.createElement('a');
a.textContent = post.title + " // " + post.date; a.textContent = post.title + '<i class="post-link-date">' + post.date + '</i>';
a.href = post.type === 'html' a.href = post.type === 'html'
? 'posts/' + post.file ? 'posts/' + post.file
: 'post.html?file=' + encodeURIComponent(post.file); : 'post.html?file=' + encodeURIComponent(post.file);

View File

@@ -79,6 +79,16 @@ hr {
content: "> "; content: "> ";
} }
i.post-link-date {
font-style: italic;
color: #6b6b65;
font-size: 11pt;
text-decoration: none;
}
i.post-link-date::before {
content: " // ";
}
/* post.html */ /* post.html */
.back-link { .back-link {
display: inline-block; display: inline-block;