43 lines
1.1 KiB
Markdown
43 lines
1.1 KiB
Markdown
|
Type: Template
|
||
|
|
Title: Home
|
||
|
|
|
||
|
|
<!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>
|
||
|
|
|
||
|
|
<div class="header">
|
||
|
|
<header>
|
||
|
|
<img class="avatar" src="https://cdn.some.pics/deathau/663da4619fdb6.svg" alt="My avatar — A pixelated self-portrait in the style of the 'bitizens' in the mobile game Tiny Tower" />
|
||
|
|
<h1 class="weblog-title"><a href="{base-path}">{weblog-title}</a></h1>
|
||
|
|
{navigation}
|
||
|
|
<fedi-social></fedi-social>
|
||
|
|
</header>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<main class="home">
|
||
|
|
{body}
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>Made with <a href="https://weblog.lol">weblog.lol</a>.</p>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
<script src="/js/luxon.min.js" crossorigin="anonymous"></script>
|
||
|
|
<script src="/js/fediverse.js"></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()
|
||
|
|
})
|
||
|
|
fediverse()
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|