160 lines
9.2 KiB
HTML
160 lines
9.2 KiB
HTML
<!--
|
|
__ __
|
|
__ __ __ /_//_/ __ __
|
|
| | / /__ ____/ /__ ___ __ _____ / _/_ _____ ___ ____ / / ___ ___ ____ _
|
|
| |/ / -_) __/ '_// _ \/ // / _ \/ _/ // / _ \/ _ `(_-</ _ \/ _ `/ // / ' \
|
|
|___/\__/_/ /_/\_\/_//_/\_,_/ .__/_/ \_,_/_//_/\_, /___/_.__/\_,_/\_,_/_/_/_/
|
|
/_/ /___/
|
|
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head> <!--TEST-->
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="YOUR DESCRIPTION HERE">
|
|
<title>Dalfuss - Verknüpfungsbaum 🌳🔗 </title>
|
|
<link rel="icon" href="./images/profile.jpg" type="image/x-icon">
|
|
<link rel="stylesheet" href="./css/style.css">
|
|
<!--
|
|
With sites.css you can give the button a different color
|
|
-->
|
|
<link rel="stylesheet" href="./css/sites.css">
|
|
<!--
|
|
This script is designed to optimize the display of meta tags when sharing content on social media. By using this script, you can ensure that your content looks its best when it's shared on platforms like Mastodon, Diaspora, and Friendica (and the other pages from corpos!). The script is easy to use and can be customized to fit the specific needs of your website or social media campaign.
|
|
-->
|
|
<meta property="og:title" content="Sam Dalfuss - Verknüpfungsbaum 🌳🔗 ">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:image" content="./images/socialmediacard.webp">
|
|
<meta property="og:url" content="https://dalfuss.link">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta property="og:description" content="send nudes">
|
|
<meta property="og:site_name" content="Dalfuss - Verknüpfungsbaum 🌳🔗">
|
|
<!--
|
|
This script is designed to include the ForkAwesome icon font in your Verknüpfungsbaum. ForkAwesome is a popular icon font that includes hundreds of customizable icons for a variety of purposes.
|
|
|
|
For Icon list see: https://forkaweso.me/Fork-Awesome/icons/
|
|
-->
|
|
<!-- <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"> -->
|
|
<script src="https://kit.fontawesome.com/14a35c233c.js" crossorigin="anonymous"></script>
|
|
</head>
|
|
<body>
|
|
<header aria-label="Header with profile image and description">
|
|
<div class="picture" role="img" aria-label="Profile picture">
|
|
<img src="./images/profilepicture.webp" alt="YOUR ALT TEXT">
|
|
</div>
|
|
<h1 class="user" tabindex="0" title="USERNAME">
|
|
Sam Dalfuss
|
|
</h1>
|
|
<p class="description">
|
|
<script>
|
|
var dob = new Date("08/21/1998");
|
|
//calculate month difference from current date in time
|
|
var month_diff = Date.now() - dob.getTime();
|
|
|
|
//convert the calculated difference in date format
|
|
var age_dt = new Date(month_diff);
|
|
|
|
//extract year from date
|
|
var year = age_dt.getUTCFullYear();
|
|
|
|
//now calculate the age of the user
|
|
var age = Math.abs(year - 1970);
|
|
|
|
//display the calculated age
|
|
document.write(age);
|
|
</script>
|
|
| they/them/dey/er | Heidelberg | Streamer | Gamer | "Musician" <br>
|
|
<img class="flag" src="./images/pansexual.svg" /> <img class="flag" src="./images/enby.svg" /> <img class="flag" src="./images/trans.svg" /> <img class="flag" src="./images/prog.svg" />
|
|
</p>
|
|
<div class="links link_item">
|
|
<a class="link" href="https://dalfuss.net" target="_blank">
|
|
Dalfuss.net
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<main id="main" aria-label="Main content with links">
|
|
<div class="link_container">
|
|
<h2 class="separator" title="Social Media / About Me">
|
|
Social Media / About Me
|
|
</h2>
|
|
<ul class="link_list" aria-label="Social Media Link List">
|
|
<li class="link_item"><a class="link mastodon" rel="me" href="https://corteximplant.com/@dalfuss" target="_blank"><i class="fa-brands fa-mastodon" aria-hidden="true"></i>
|
|
Mastodon / Fediverse
|
|
</a></li>
|
|
|
|
<li class="link_item"><a class="link twitch" href="https://dalfuss.live" target="_blank"><i class="fa fa-twitch" aria-hidden="true"></i>
|
|
Twitch
|
|
</a></li>
|
|
|
|
<li class="link_item"><a class="link instagram" href="https://dalfuss.link/insta" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i>
|
|
Instagram
|
|
</a></li>
|
|
|
|
<li class="link_item"><a class="link discord" href="https://dalfuss.link/discord" target="_blank"><i class="fa-brands fa-discord" aria-hidden="true"></i>
|
|
Discord Server
|
|
</a></li>
|
|
|
|
<li class="link_item"><a class="link youtube" href="https://dalfuss.link/youtube" target="_blank"><i class="fa fa-youtube" aria-hidden="true"></i>
|
|
YouTube
|
|
</a></li>
|
|
|
|
<li class="link_item"><a class="link tiktok" href="https://dalfuss.link/titok" target="_blank"><i class="fa-brands fa-tiktok" aria-hidden="true"></i>
|
|
TikTok
|
|
</a></li>
|
|
|
|
<li class="link_item"><a class="link anilist" href="https://dalfuss.link/anilist" target="_blank"><svg fill="currentColor" width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M6.361 2.943 0 21.056h4.942l1.077-3.133H11.4l1.052 3.133H22.9c.71 0 1.1-.392 1.1-1.101V17.53c0-.71-.39-1.101-1.1-1.101h-6.483V4.045c0-.71-.392-1.102-1.101-1.102h-2.422c-.71 0-1.101.392-1.101 1.102v1.064l-.758-2.166zm2.324 5.948 1.688 5.018H7.144z"/></svg>
|
|
Anilist
|
|
</a></li>
|
|
|
|
<li class="link_item"><a class="link pronouns" href="https://pronouns.page/@dalfuss" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 650 650"><path d="M396.52 174.35c1.35-2.4.21-4.35-2.54-4.35l-48.2.03c-2.75 0-6.15 1.94-7.54 4.31l-118.1 199.77c-16.48 27.15-39.48 33.15-61.58 30.47-37.94-4.6-58.34-32.45-58.34-69.54 0-37.25 30.31-67.56 67.56-67.56h75c2.75 0 6.12-1.95 7.48-4.34l27.03-47.2c1.37-2.39.23-4.34-2.52-4.34h-107c-68.06 0-123.44 55.37-123.44 123.44 0 32.89 12.85 68.36 36.22 91.54 23.03 22.84 53.8 31.21 86.64 31.89 18.54.21 69.46-.21 93.33-42.68 26.73-47.57 136-241.44 136-241.44zM571.94 244.44c-23.03-22.84-53.8-31.21-86.64-31.89-18.54-.21-69.46.21-93.33 42.68-26.72 47.55-136 241.42-136 241.42-1.35 2.4-.21 4.35 2.54 4.35l48.2-.03c2.75 0 6.15-1.94 7.54-4.31l118.1-199.77c16.48-27.15 39.48-33.15 61.58-30.47 37.94 4.6 58.34 32.45 58.34 69.54 0 37.25-30.31 67.56-67.56 67.56h-75c-2.75 0-6.12 1.95-7.48 4.34l-27.03 47.2c-1.37 2.39-.23 4.34 2.52 4.34h107c68.06 0 123.44-55.37 123.44-123.44 0-32.87-12.85-68.34-36.22-91.52z" fill="#F8F9FA"/></svg>
|
|
Pronouns.page
|
|
</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="link_container">
|
|
<h2 class="separator" title="Projects">
|
|
Projects
|
|
</h2>
|
|
<ul class="link_list" aria-label="Project Link List">
|
|
|
|
<li class="link_item"><a class="link git" href="https://git.cyberwa.re/dalfuss" target="_blank"><i class="fa-brands fa-git-alt" aria-hidden="true"></i>
|
|
Git
|
|
</a></li>
|
|
|
|
<li class="link_item"><a class="link elftwinks" href="https://elftwinks.gay" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>
|
|
ElfTwinks.Gay
|
|
</a></li>
|
|
|
|
<li class="link_item"><a class="link colours" href="https://colours.dalfuss.link" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>
|
|
colours.dalfuss.link
|
|
</a></li>
|
|
|
|
<li class="link_item"><a class="link oc" href="https://oc.dalfuss.link" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>
|
|
OC Site
|
|
</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="link_container">
|
|
<h2 class="separator" title="Contact">
|
|
Contact
|
|
</h2>
|
|
<ul class="link_list" aria-label="Contact Link List">
|
|
|
|
<li class="link_item"><a class="link matrix-org" href="https://matrix.to/#/@dalfuss:catgirl.cloud" target="_blank">
|
|
Matrix
|
|
</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</main>
|
|
<footer class="source" aria-label="Footer information">
|
|
<p>© Sam Dalfuss
|
|
<script>document.write(new Date().getFullYear())</script>
|
|
- Created with <a href="https://github.com/revengeday/verknuepfungsbaum" target="_blank">Verknüpfungsbaum 🔗🌳</a></p>
|
|
</footer>
|
|
</body>
|
|
</html>
|