deathau.weblog.lol/configuration/template.html

<!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">
<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}
		</header>
	</div>

<main class="weblog">

<article>
	<aside class="post-info">
		<a href="{location}"><i class="fa-solid fa-clock"></i> <time class="dt-published" datetime="{date}">{date}</time></a>
	</aside>
	<i data-emoji="{emoji}"></i>
	{body}
	<aside class="post-info">
		<a class="status_url" href="{status_url}"><i class="omg-icon omg-prami"></i> via status.lol</a>
		<a class="external_url" href="{external_url}"><i class="omg-icon omg-fediverse"></i> Interact on the Fediverse</a>
	</aside>
	<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>

<script src="https://cdn.jsdelivr.net/npm/luxon/build/global/luxon.min.js" crossorigin="anonymous"></script>
<script src="/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>
initial commit 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">`
added styles to a separate file also added a symlink for local dev 2024-05-07 00:45:13 +00:00			`<link rel="stylesheet" href="/styles.css?v0.0.3">`
initial commit 2024-05-06 02:34:11 +00:00			`{feeds}`
			`</head>`
			`<body>`

Added nav, changed header, styling changes 2024-05-10 06:55:19 +00:00			`<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}`
			`</header>`
			`</div>`
initial commit 2024-05-06 02:34:11 +00:00
minor update to the page template 2024-05-07 04:51:55 +00:00			`<main class="weblog">`
initial commit 2024-05-06 02:34:11 +00:00
			`<article>`
			`<aside class="post-info">`
update main template and add nav menu 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>`
initial commit 2024-05-06 02:34:11 +00:00			`</aside>`
update main template and add nav menu 2024-05-10 04:29:07 +00:00			`<i data-emoji="{emoji}"></i>`
Experiments with time 2024-05-07 01:28:33 +00:00			`{body}`
setup for fediverse script changed 2024-05-10 23:01:03 +00:00			`<aside class="post-info">`
			`<a class="status_url" href="{status_url}"><i class="omg-icon omg-prami"></i> via status.lol</a>`
			`<a class="external_url" href="{external_url}"><i class="omg-icon omg-fediverse"></i> Interact on the Fediverse</a>`
			`</aside>`
initial commit 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>`

Experiments with time 2024-05-07 01:28:33 +00:00			`<script src="https://cdn.jsdelivr.net/npm/luxon/build/global/luxon.min.js" crossorigin="anonymous"></script>`
setup for fediverse script changed 2024-05-10 23:01:03 +00:00			`<script src="/fediverse.js"></script>`
Experiments with time 2024-05-07 01:28:33 +00:00			`<script>`
			`document.querySelectorAll('time:not(.dt-start):not(.dt-end)').forEach(time => {`
			`const datetime = luxon.DateTime.fromISO(time.getAttribute('datetime'))`
			`time.innerText = datetime.toRelative()`
			`});`
setup for fediverse script changed 2024-05-10 23:01:03 +00:00			`fediverse()`
Experiments with time 2024-05-07 01:28:33 +00:00			`</script>`

initial commit 2024-05-06 02:34:11 +00:00			`</body>`
			`</html>`