287 lines
7.2 KiB
HTML
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>
|