dan/links
dan/links
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Deployed on 2023-01-03T14:48:18-06:00

Browse source
This commit is contained in:
Dan Jones 2023-01-03 14:48:18 -06:00
commit ec385e6f5e
3 changed files with 51 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
.version
View file

@ -1 +1 @@
4a965e2 d73ec6b

35
app.js Normal file
View file

@ -0,0 +1,35 @@
/* global umami */
document.addEventListener('click', getFollows);
function getFollows(evt) {
const el = evt.target;
if (el.tagName.toLowerCase() !== 'a') {
return;
}
const name = el.dataset.name;
if (!name) {
return;
}
const url = el.href;
if (!url) {
return;
}
if (!window.umami) {
return;
}
const umProm = umami.trackEvent('visit', { type: 'click', site: name });
if (!el.target || el.target.match(/^_(self|parent|top)$/i)) {
// If we're not opening in a new tab, then try to send event before navigating away
// Don't wait too long though (half a second, at most)
evt.preventDefault();
umProm.then(() => location.href = url).catch(() => location.href = url);
setTimeout(() => location.href = url, 500);
}
}

28
index.html
View file

@ -5,7 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Dan Jones&#39;s Links</title> <title>Dan Jones&#39;s Links</title>
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css"/> <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css"/>
<link rel="stylesheet" href="style.css?ver=4a965e2"/> <link rel="stylesheet" href="style.css?ver=d73ec6b"/>
<script async data-website-id="698f40c8-f098-4287-8d01-f98e55902d6c" data-do-not-track="true" src="https://whoami.goodevilgenius.org/whoami.js?ver=d73ec6b"></script>
<script async src="app.js"></script>
</head> </head>
<body> <body>
<header class="py-3 mb-4 border-bottom"> <header class="py-3 mb-4 border-bottom">
@ -22,73 +24,73 @@
<section id="links" class="container"> <section id="links" class="container">
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://fosstodon.org/@danjones000" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://fosstodon.org/@danjones000" data-name="mastodon" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="lab la-mastodon"></i> <i class="lab la-mastodon"></i>
Mastodon Mastodon
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://goodevilgenius.org" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://goodevilgenius.org" data-name="musings" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="las la-blog"></i> <i class="las la-blog"></i>
Dan&#39;s Musings Dan&#39;s Musings
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://danielrayjones.com/" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://danielrayjones.com/" data-name="danielrayjones" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="las la-swatchbook"></i> <i class="las la-swatchbook"></i>
Résumé Résumé
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://codeberg.org/danjones000/" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://codeberg.org/danjones000/" data-name="codeberg" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="las la-code-branch"></i> <i class="las la-code-branch"></i>
Codeberg Codeberg
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://gitlab.com/danjones000" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://gitlab.com/danjones000" data-name="gitlab" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="lab la-gitlab"></i> <i class="lab la-gitlab"></i>
Gitlab Gitlab
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://github.com/goodevilgenius" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://github.com/goodevilgenius" data-name="github" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="lab la-github"></i> <i class="lab la-github"></i>
Github Github
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://www.linkedin.com/in/DanJones000/" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://www.linkedin.com/in/DanJones000/" data-name="linkedin" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="lab la-linkedin"></i> <i class="lab la-linkedin"></i>
LinkedIn LinkedIn
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://www.goodreads.com/user/show/2404213-dan-jones" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://www.goodreads.com/user/show/2404213-dan-jones" data-name="goodreads" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="lab la-goodreads"></i> <i class="lab la-goodreads"></i>
Goodreads Goodreads
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://trakt.tv/users/goodevilgenius/" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://trakt.tv/users/goodevilgenius/" data-name="trakt" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="las la-film"></i> <i class="las la-film"></i>
Trakt Trakt
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://www.last.fm/user/dan000" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://www.last.fm/user/dan000" data-name="lastfm" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="lab la-lastfm"></i> <i class="lab la-lastfm"></i>
Last.FM Last.FM
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="https://matrix.to/#/@danjones000:matrix.org" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="https://matrix.to/#/@danjones000:matrix.org" data-name="matrix" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="las la-sms"></i> <i class="las la-sms"></i>
Matrix Matrix
</a> </a>
</li> </li>
<li class="list-group-item text-center"> <li class="list-group-item text-center">
<a href="mailto:danjones@goodevilgenius.org" rel="me" class="fs-4 text-decoration-none text-dark"> <a href="mailto:danjones@goodevilgenius.org" data-name="email" rel="me" class="fs-4 text-decoration-none text-dark">
<i class="las la-at"></i> <i class="las la-at"></i>
Email Email
</a> </a>