deathau.weblog.lol/weblog/B0. Template/template-landing-page.html.md
Gordon Pedersen 19de9f12a4
All checks were successful
/ weblog.lol (push) Successful in 9s
added the relative time javascript
2024-05-07 16:50:12 +10:00

44 lines
No EOL
902 B
Markdown

Type: Template
Title: Landing Page Template
<!DOCTYPE html>
<html lang="en">
<head>
<title>{weblog-title}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/styles.css?v0.0.3">
{feeds}
</head>
<body>
<header>
<h1 class="weblog-title"><a href="{base-path}">{weblog-title}</a></h1>
{navigation}
</header>
<main class="landing">
{body}
<nav>
{previous-page}
{next-page}
</nav>
</main>
<footer>
<p>Made with <a href="https://weblog.lol">weblog.lol</a>.</p>
</footer>
<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>
</body>
</html>