2016-01-24 17:52:39 +00:00
<!DOCTYPE html>
2021-05-16 19:45:36 +00:00
< html lang = "en" >
2016-01-24 17:52:39 +00:00
< head >
< meta http-equiv = "content-type" content = "text/html; charset=utf-8" >
2016-09-19 18:32:06 +00:00
< meta name = "mobile-web-app-capable" content = "yes" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2019-05-12 14:12:11 +00:00
< link rel = "authorization_endpoint" href = "https://indieauth.com/auth" >
< link rel = "token_endpoint" href = "https://tokens.indieauth.com/token" >
2022-11-21 23:50:03 +00:00
< link rel = "webmention" href = "https://webmention.io/death.id.au/webmention" / >
< link rel = "pingback" href = "https://webmention.io/death.id.au/xmlrpc" / >
2021-05-16 19:45:36 +00:00
<!-- To use social readers via microsub, follow these steps.
2019-05-12 14:12:11 +00:00
(Details: https://indieweb.org/Microsub#Getting_Started)
2021-05-16 19:45:36 +00:00
1. After publishing this to your domain, sign in to https://aperture.p3k.io/login with your domain
2. You will see a < link > tag displayed on your dashboard that looks like:
2022-11-29 03:59:11 +00:00
< link rel = "microsub" href = "https://aperture.p3k.io/microsub/000" >
2021-05-16 19:45:36 +00:00
3. Copy that < link > tag and paste it after this HTML comment.
4. Publish the updated page!
2022-11-29 03:59:11 +00:00
-->
< link rel = "stylesheet" href = "styles.css" >
2022-11-29 06:08:47 +00:00
< script src = "https://kit.fontawesome.com/ebe14e90c3.js" crossorigin = "anonymous" > < / script >
2022-11-29 03:59:11 +00:00
< title > Mon Repos (Death's Domain)< / title >
2016-01-24 17:52:39 +00:00
< / head >
2021-05-16 19:45:36 +00:00
2016-01-24 17:52:39 +00:00
< body >
2021-05-16 19:45:36 +00:00
<!-- Reference for representative h - card properties: https://microformats.org/wiki/h - card -->
< main class = "h-card" rel = "author" >
2022-11-29 03:59:11 +00:00
< img class = "u-featured" src = "img/banner-1500x500.jpg" alt = "A grim reaper in a decorated cubicle, writing and daydreaming, surrounded by many other grim reapers in bland, grey, cubicles" / >
2022-11-29 06:08:47 +00:00
< img class = "u-photo" alt = "My profile photo — a pixelated version of me" src = "img/avatar-tt.svg" / >
2021-05-16 19:45:36 +00:00
< h1 >
2022-11-21 03:08:08 +00:00
I'm < span class = "p-name" > Gordon Pedersen< / span > .
2021-05-16 19:45:36 +00:00
< / h1 >
2016-01-24 17:52:39 +00:00
2021-05-16 19:45:36 +00:00
< p class = "p-note" >
...and I am a human on the Internet.
2016-01-24 17:52:39 +00:00
< / p >
< ul >
2022-11-29 03:59:11 +00:00
< li >
< button class = "icon-button button-input"
data-instruction="Please enter your fediverse / mastodon handle (e.g. '@user@domain.social')"
data-placeholder="@user@domain.social"
data-success="Thanks for the follow!"
onsubmit="handleFollow(event.value)">
< img src = "img/Fediverse_logo_proposal.svg" alt = "Fediverse logo" >
Follow @death.au@death.id.au
< / button >
< / li >
2022-11-29 06:08:47 +00:00
< li > < i > < img src = "img/avatar-tt-trans.svg" > < / i > < a class = "u-uid u-url" href = "https://death.id.au" > Mon Repos (you are here)< / a > < a class = "u-url" href = "acct:death.au@death.id.au" > < / a > < / li >
< li > < i class = "fa-brands fa-mastodon" > < / i > < a class = "u-url" href = "https://pkm.social/@death_au" rel = "me" > @death_au@pkm.social< / a > < / li >
< li > < i class = "fa-brands fa-github" > < / i > < a class = "u-url" href = "https://github.com/deathau" rel = "me" > @deathau< / a > < / li >
< li > < i class = "fa-brands fa-twitter" > < / i > < a class = "u-url" href = "https://twitter.com/death_au" rel = "me" > @death_au< / a > < / li >
< li > < i class = "fa-brands fa-linkedin" > < / i > < a class = "u-url" href = "https://www.linkedin.com/in/gordon-pedersen/" > Gordon Pedersen< / a > < / li >
2016-01-24 17:52:39 +00:00
< / ul >
2021-05-16 19:45:36 +00:00
< / main >
2022-11-29 03:59:11 +00:00
< script src = "js/follow.js" > < / script >
< script src = "js/button-input.js" > < / script >
< script >
window.addEventListener('unhandledrejection', function(event) {
alert(event.reason)
})
function handleFollow(handle) {
try{
follow('@death.au@death.id.au', handle)
}
catch(e){
alert(e)
}
}
function tryFollow(user) {
try{
follow(user)
}
catch(e){
alert(e)
}
}
< / script >
2016-01-24 17:52:39 +00:00
< / body >
2021-05-16 19:45:36 +00:00
2022-11-21 03:08:08 +00:00
< / html >
