2024-05-06 02:34:11 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< title > {weblog-title}{separator}{post-title}< / title >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2024-05-07 00:45:13 +00:00
< link rel = "stylesheet" href = "/styles.css?v0.0.3" >
2024-05-06 02:34:11 +00:00
{feeds}
< / head >
< body >
< header >
< h1 class = "weblog-title" > < a href = "{base-path}" > {weblog-title}< / a > < / h1 >
{navigation}
< / header >
2024-05-07 04:51:55 +00:00
< main class = "weblog" >
2024-05-06 02:34:11 +00:00
< article >
< aside class = "post-info" >
2024-05-10 04:29:07 +00:00
< a href = "{location}" > < i class = "fa-solid fa-clock" > < / i > < time class = "dt-published" datetime = "{date}" > {date}< / time > < / a >
2024-05-06 02:34:11 +00:00
< / aside >
2024-05-10 04:29:07 +00:00
< i data-emoji = "{emoji}" > < / i >
2024-05-07 01:28:33 +00:00
{body}
2024-05-10 04:29:07 +00:00
< aside class = "post-info" > < a href = "{status_url}" > < i class = "omg-icon omg-prami" > < / i > via status.lol< / a > < a href = "{external_url}" > < i class = "omg-icon omg-fediverse" > < / i > Reply on the Fediverse< / a > < / aside >
2024-05-06 02:34:11 +00:00
< aside class = "post-tags" >
{tags}
< / aside >
< / article >
< hr >
< h2 > Recent posts< / h2 >
{recent-posts}
< / main >
< footer >
< p > Made with < a href = "https://weblog.lol" > weblog.lol< / a > .< / p >
< / footer >
2024-05-07 01:28:33 +00:00
< script src = "https://cdn.jsdelivr.net/npm/luxon/build/global/luxon.min.js" crossorigin = "anonymous" > < / script >
< script >
document.querySelectorAll('time:not(.dt-start):not(.dt-end)').forEach(time => {
const datetime = luxon.DateTime.fromISO(time.getAttribute('datetime'))
time.innerText = datetime.toRelative()
});
< / script >
2024-05-06 02:34:11 +00:00
< / body >
< / html >
