deathau.weblog.lol/weblog/B0. Template/template-cv.html.md
Gordon Pedersen c3cc8e3364
All checks were successful
/ weblog.lol (push) Successful in 13s
More Playing with a CV page/post/thing
2024-05-14 09:16:15 +10:00

53 lines
1.4 KiB
Markdown

Type: Template
Title: cv
<!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}
<fedi-social></fedi-social>
</header>
</div>
<main class="cv">
<h1>{title}</h1>
<aside class="post-info">
<a href="{link}" target="_blank">{link}</a>
</aside>
<em>{summary}</em>
<img class="featured" src="{image}" />
{body}
<h2>Skills</h2>
<aside class="post-tags">
{tags}
</aside>
</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>