2024-05-07 06:41:26 +00:00
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 >
2024-05-10 12:23:10 +00:00
< div class = "header" >
2024-05-07 06:41:26 +00:00
< header >
2024-05-10 12:23:10 +00:00
< 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}
2024-05-07 06:41:26 +00:00
< / header >
2024-05-10 12:23:10 +00:00
< / div >
2024-05-07 06:41:26 +00:00
< 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 >
2024-05-07 06:50:12 +00:00
< script src = "https://cdn.jsdelivr.net/npm/luxon/build/global/luxon.min.js" crossorigin = "anonymous" > < / script >
2024-05-10 07:08:16 +00:00
< script src = "/share.js" > < / script >
2024-05-07 06:50:12 +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()
});
2024-05-10 07:08:16 +00:00
document.querySelectorAll("a.external_url:not([href='{external_url}'])").forEach(el => {
el.addEventListener('click', e => {
e.preventDefault()
share(el.href)
})
})
2024-05-07 06:50:12 +00:00
< / script >
2024-05-07 06:41:26 +00:00
< / body >
< / html >
