rust-ssg/public/links/index.html
2023-10-14 14:03:36 -04:00

287 lines
7.2 KiB
HTML

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Where to find Tyrel Souza</title>
<link rel="stylesheet" href="style.css">
<style>
html {
background:
linear-gradient(
rgba(0, 0, 0, 0.7),
rgba(0, 0, 0, 0.7)
),
url('moroccan-flower-dark.png'),
rgba(0,0,0);
}
</style>
<script src="https://kit.fontawesome.com/6bee25835f.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
<link rel="icon" href="loupe.jpg" type="image/x-icon" />
</head>
<body>
<a class="profilePicture">
<img src="loupe.jpg" alt="Profile Picture">
</a>
<div class="userName">
Tyrel Souza
</div>
<div class="description">
Software Engineer, gamer, tech-enthusiast, ham, pilot, father
</div>
<div class="sectionTitle">
Personal
</div>
<div class="links">
<a class="link" href="https://name.pn/tyrel-souza" target="_blank">
<i class="fa fa-person"></i> Pronouns and Pronounciation
</a>
</div>
<div class="sectionTitle">
Sites
</div>
<div class="links">
<a class="link" href="https://tyrel.dev/blog" target="_blank">
<i class="fa-solid fa-blog"></i> Blog
</a>
</div>
<div class="sectionTitle">
Code
</div>
<div class="links">
<a class="link" href="https://gitea.tyrel.dev/tyrel" target="_blank">
<i class="fa fa-gitea"></i> Gitea
</a>
</div>
<div class="sectionTitle">
Chat
</div>
<div class="links">
<a class="link" href="https://matrix.to/#/@tyrelsouza:matrix.org" target="_blank">
<i class="fa fa-matrix-org"></i> Matrix
</a>
<a class="link" href="https://discordapp.com/users/73990019756339200" target="_blank">
<i class="fa fa-discord"></i> Discord
<div class="tooltip">
<span class="" href="#" onclick="copytext('@tyrel','2')" onmouseout="outFunc('2')">
<span class="tooltiptext" id="2">Copy to clipboard</span>
<i class="fa-solid fa-copy"></i>
</span>
</div>
</a>
</div>
<div class="sectionTitle">
Music
</div>
<div class="links">
<a class="link" href="https://last.fm/user/tacidsky" target="_blank">
<i class="fa fa-lastfm"></i> LastFM
</a>
<a class="link" href="https://bandcamp.com/tyrelsouza" target="_blank">
<i class="fa fa-bandcamp"></i> Bandcamp
</a>
</div>
<div class="sectionTitle">
Photography
</div>
<div class="links">
<a class="link" href="https://pixelfed.social/tyrel" target="_blank">
<i class="fa fa-pixelfed"></i> Pixelfed
</a>
<a class="link" href="https://www.flickr.com/photos/tyrelsouza" target="_blank">
<i class="fa-brands fa-flickr"></i> Flickr
</a>
<a class="link" href="https://www.instagram.com/tyrelsouza/" target="_blank">
<i class="fa-brands fa-instagram"></i> Instagram
</a>
</div>
<div class="sectionTitle">
Gaming
</div>
<div class="links">
<a class="link" href="https://boardgamegeek.com/user/tyrelsouza" target="_blank">
<i class="fa-solid fa-dice"></i> Board Game Geek
</a>
<a class="link" href="https://steamcommunity.com/id/tyrels" target="_blank">
<i class="fa fa-steam-square"></i> Steam
</a>
<div class="tooltip block">
<a class="link" href="#" onclick="copytext('tacidsky','3')" onmouseout="outFunc('3')">
<span class="tooltiptext" id="3">Copy to clipboard</span>
<i class="fa-brands fa-xbox"></i> Xbox Gamertag
</a>
</div>
<div class="tooltip block">
<a class="link" href="#" onclick="copytext('SW-1711-7753-4091','4')" onmouseout="outFunc('4')">
<span class="tooltiptext" id="4">Copy to clipboard</span>
<i class="fa-solid fa-gamepad"></i> Switch Friendcode
</a>
</div>
</div>
<div class="sectionTitle">
Socials
</div>
<div class="links">
<a class="link" href="https://bsky.app/profile/tyrel.dev" target="_blank">
<i class="fa-solid fa-cloud"></i> Bluesky
</a>
<a class="link" rel="me" href="https://mastodon.social/@tyrel" target="_blank">
<i class="fa fa-mastodon"></i> Mastodon
</a>
<a class="link" href="https://www.facebook.com/tyrel.souza" target="_blank">
<i class="fa-brands fa-facebook"></i> Facebook
</a>
<a class="link" href="https://youtube.com/tacidsky" target="_blank">
<i class="fa-brands fa-youtube"></i> YouTube
</a>
<a class="link" href="https://www.goodreads.com/user/show/24381583-tyrel-souza" target="_blank">
<i class="fa-brands fa-goodreads"></i> Goodreads
</a>
<a class="link" href="http://www.linkedin.com/in/tyrel-souza" target="_blank">
<i class="fa-brands fa-linkedin"></i> LinkedIn
</a>
<a class="link" href="https://www.pinterest.com/tyrelsouza/" target="_blank">
<i class="fa fa-pinterest"></i> Pinterest
</a>
<a class="link" href="https://www.qrz.com/db/k3tas" target="_blank">
<i class="fa-solid fa-radio"></i> QRZ
</a>
<a class="link" href="https://news.ycombinator.com/user?id=tyrel" target="_blank">
<i class="fa fa-hacker-news"></i> Hackernews
</a>
<a class="link" href="https://lobste.rs/u/tyrel" target="_blank">
<i class="fa-solid fa-loster"></i> Lobsters
</a>
</div>
<div class="sectionTitle">
Misc
</div>
<div class="links">
<a class="link" href="https://gitea.tyrel.dev/tyrel/rustylinks" target="_blank">
<i class="fa-solid fa-code-fork"></i> Fork this project!
</a>
</div>
<footer>
<div class="footer">
Last updated: Sat, 14 Oct 2023 18:02:55 +0000
</div>
</footer>
</body>
<script>
function copytext(val, linkid) {
event.preventDefault();
console.log(val);
navigator.clipboard.writeText(val);
var tooltip = document.getElementById(linkid);
tooltip.innerHTML = "Copied: " + val;
}
function outFunc(linkid) {
var tooltip = document.getElementById(linkid);
tooltip.innerHTML = "Copy to clipboard";
}
</script>
</html>