171 lines
12 KiB
HTML
171 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link href="assets/css/style.css" rel="stylesheet">
|
|
<link href="assets/css/sites.css" rel="stylesheet">
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>
|
|
<link rel="shortcut icon" href="assets/images/favicon.png" type="image/webp">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon.png">
|
|
<link rel="icon" href="assets/images/favicon.png" type="image/webp">
|
|
<title>dalfuss.link</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
|
<script src="https://kit.fontawesome.com/14a35c233c.js" crossorigin="anonymous"></script>
|
|
</head>
|
|
<body>
|
|
<!-- Snowfall Background Animation -->
|
|
<section class="animated-background">
|
|
<div id="stars1"></div>
|
|
<div id="stars2"></div>
|
|
<div id="stars3"></div>
|
|
</section>
|
|
<!-- End of Snowfall Background Animation -->
|
|
|
|
<div class="min-h-full flex-h-center" id="background_div">
|
|
<div class="mt-48 page-full-wrap relative ">
|
|
<input type="hidden" value="creator-page" id="page-type">
|
|
<img class="display-image m-auto" data-src="assets/images/profilepicture.webp" src="assets/images/profilepicture.webp" alt="A digital drawing of a person (me) with long wavy hair, transitioning from blonde to pink. They have blue eyes, glasses, a beard, piercings in the nose and lip, and earrings. They are smiling slightly and wearing a black top."/>
|
|
<h2 class="page-title page-text-color page-text-font mt-16 text-center">Sam Dalfuss</h2>
|
|
<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="./assets/images/pansexual.svg" /> <img class="flag" src="./assets/images/enby.svg" /> <img class="flag" src="./assets/images/trans.svg" /> <img class="flag" src="./assets/images/prog.svg" />
|
|
</p>
|
|
<div class="page-item-wrap relative dalfuss-net">
|
|
<div class="page-item flex-both-center absolute dalfuss-net"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center dalfuss-net" href="https://dalfuss.net" data-id="261652" data-type="page_item">
|
|
<span class="item-title text-center">dalfuss.net</span>
|
|
</a>
|
|
</div>
|
|
<h2 class="separator" title="Social Media / About Me">
|
|
Social Media / About Me
|
|
</h2>
|
|
<div class="mt-24">
|
|
<div class="page-item-wrap relative mastodon">
|
|
<div class="page-item flex-both-center absolute mastodon"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center mastodon" href="https://dalfuss24.de/@sam" data-id="261652" data-type="page_item">
|
|
<i class="fa-brands fa-mastodon link-each-image" aria-hidden="true"></i>
|
|
<span class="item-title text-center">Mastodon/Fediverse</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center twitch" href="https://dalfuss.live" data-id="261685" data-type="page_item">
|
|
<i class="fa fa-twitch link-each-image" aria-hidden="true"></i>
|
|
<span class="item-title text-center">Twitch</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center instagram" href="https://dalfuss.link/insta" data-id="261685" data-type="page_item">
|
|
<i class="fa fa-instagram link-each-image" aria-hidden="true"></i>
|
|
<span class="item-title text-center">Instagram</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center discord" href="https://dalfuss.link/discord" data-id="261685" data-type="page_item">
|
|
<i class="fa-brands fa-discord link-each-image" aria-hidden="true"></i>
|
|
<span class="item-title text-center">Discord Server</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center youtube" href="https://dalfuss.link/youtube" data-id="261685" data-type="page_item">
|
|
<i class="fa fa-youtube link-each-image" aria-hidden="true"></i>
|
|
<span class=" item-title text-center">YouTube</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center tiktok" href="https://dalfuss.link/tiktok" data-id="261685" data-type="page_item">
|
|
<i class="fa-brands fa-tiktok link-each-image" aria-hidden="true"></i>
|
|
<span class="item-title text-center">TikTok</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center anilist" href="https://dalfuss.link/anilist" data-id="261685" data-type="page_item">
|
|
<svg class="link-each-image" 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>
|
|
<span class="item-title text-center">Anilist</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center pronouns" href="https://dalfuss.link/anilist" data-id="261685" data-type="page_item">
|
|
<svg class="link-each-image" xmlns="http://www.w3.org/2000/svg" fill="currentColor" 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"/></svg>
|
|
<span class="item-title text-center">Pronouns.page</span>
|
|
</a>
|
|
</div>
|
|
<h2 class="separator" title="Projects">
|
|
Projects
|
|
</h2>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center git" href="https://git.dalfuss.cloud/dalfuss" data-id="261685" data-type="page_item">
|
|
<i class="fa-brands fa-git-alt link-each-image" aria-hidden="true"></i>
|
|
<span class="item-title text-center">Git</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center elftwinks" href="https://elftwinks.gay" data-id="261685" data-type="page_item">
|
|
<i class="fa fa-link link-each-image" aria-hidden="true"></i>
|
|
<span class="item-title text-center">elftwinks.gay</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center colours" href="https://colours.dalfuss.link" data-id="261685" data-type="page_item">
|
|
<i class="fa fa-link link-each-image" aria-hidden="true"></i>
|
|
<span class="item-title text-center">colours.dalfuss.link</span>
|
|
</a>
|
|
</div>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center oc" href="https://oc.dalfuss.link" data-id="261685" data-type="page_item">
|
|
<i class="fa fa-link link-each-image" aria-hidden="true"></i>
|
|
<span class="item-title text-center">OC Site</span>
|
|
</a>
|
|
</div>
|
|
<h2 class="separator" title="Projects">
|
|
Contact
|
|
</h2>
|
|
<div class="page-item-wrap relative">
|
|
<div class="page-item flex-both-center absolute"></div>
|
|
<a target="_blank" class="page-item-each py-10 flex-both-center matrix-org" href="https://matrix.to/#/@dalfuss:catgirl.cloud" data-id="261685" data-type="page_item">
|
|
<span class="item-title text-center">Matrix</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="source" aria-label="Footer information">
|
|
<p>© Sam Dalfuss
|
|
<script>document.write(new Date().getFullYear())</script>
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
|
|
<!--
|
|
A different snowfall
|
|
<script src="assets/js/snowfall.js"></script>
|
|
-->
|
|
</html>
|