first commit
This commit is contained in:
commit
7f647e9b06
20 changed files with 1692 additions and 0 deletions
1374
css/sites.css
Normal file
1374
css/sites.css
Normal file
File diff suppressed because it is too large
Load diff
143
css/style.css
Normal file
143
css/style.css
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
/*
|
||||
__ __
|
||||
__ __ __ /_//_/ __ __
|
||||
| | / /__ ____/ /__ ___ __ _____ / _/_ _____ ___ ____ / / ___ ___ ____ _
|
||||
| |/ / -_) __/ '_// _ \/ // / _ \/ _/ // / _ \/ _ `(_-</ _ \/ _ `/ // / ' \
|
||||
|___/\__/_/ /_/\_\/_//_/\_,_/ .__/_/ \_,_/_//_/\_, /___/_.__/\_,_/\_,_/_/_/_/
|
||||
/_/ /___/
|
||||
|
||||
*/
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
html {
|
||||
background-image: url('../images/background.webp');
|
||||
background-color: black;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
body {
|
||||
padding-top: 35px;
|
||||
padding-bottom: 35px;
|
||||
height: fit-content;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
:root {
|
||||
--accentcolor: #fff;
|
||||
--delay: .3s;
|
||||
}
|
||||
|
||||
.description,
|
||||
.source {
|
||||
color: white;
|
||||
text-align: center;
|
||||
margin: 27px auto;
|
||||
margin-top: 10px;
|
||||
width: 90%;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.separator {
|
||||
font-size: 1.1rem;
|
||||
font-weight: unset;
|
||||
}
|
||||
|
||||
.separator,
|
||||
.source {
|
||||
color: white;
|
||||
text-align: center;
|
||||
margin: 25px auto;
|
||||
margin-top: 20px;
|
||||
width: 90%;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.source {
|
||||
font-size: small;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.picture,
|
||||
.picture img {
|
||||
position: relative;
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
display: block;
|
||||
margin: 35px auto 20px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.user {
|
||||
color: var(--accentcolor);
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
line-height: 1.25;
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.links,
|
||||
.link_list {
|
||||
max-width: 675px;
|
||||
width: auto;
|
||||
display: block;
|
||||
margin: 27px auto;
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
|
||||
.link_item {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.link {
|
||||
position: relative;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
color: var(--accentcolor);
|
||||
border: solid var(--accentcolor) 2px;
|
||||
border-radius: 5px;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: var(--accentcolor);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.link:hover {
|
||||
background-color: var(--accentcolor);
|
||||
color: #000;
|
||||
/* Fallback for older browsers */
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.link:active {
|
||||
background-color: var(--accentcolor);
|
||||
color: #000;
|
||||
/* Fallback for older browsers */
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
|
||||
.flag {
|
||||
width: 1em;
|
||||
border-radius: 0.15em;
|
||||
}
|
||||
BIN
i/222048.jpg
Normal file
BIN
i/222048.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 485 KiB |
BIN
i/88x31_ElfTwinks_hit.png
Normal file
BIN
i/88x31_ElfTwinks_hit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
i/SonarrV3.1.png
Normal file
BIN
i/SonarrV3.1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
i/background.png
Normal file
BIN
i/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 MiB |
BIN
i/background1.jpg
Normal file
BIN
i/background1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 MiB |
BIN
i/crush.jpg
Normal file
BIN
i/crush.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 MiB |
BIN
i/dcl.png
Normal file
BIN
i/dcl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
i/dcl_mini_tp.png
Normal file
BIN
i/dcl_mini_tp.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 159 KiB |
BIN
i/lidarrv3.png
Normal file
BIN
i/lidarrv3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
i/sakura.png
Normal file
BIN
i/sakura.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 MiB |
1
images/anilist.svg
Normal file
1
images/anilist.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>AniList</title><path d="M6.361 2.943L0 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.948l1.688 5.018H7.144z"/></svg>
|
||||
|
After Width: | Height: | Size: 357 B |
BIN
images/background.webp
Normal file
BIN
images/background.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9 KiB |
9
images/enby.svg
Normal file
9
images/enby.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="480" viewBox="0 0 800 480">
|
||||
<g fill-rule="evenodd">
|
||||
<rect width="800" height="120" fill="#fef433"/>
|
||||
<rect width="800" height="120" y="120" fill="#ffffff"/>
|
||||
<rect width="800" height="120" y="240" fill="#9a59cf"/>
|
||||
<rect width="800" height="120" y="360" fill="#000000"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 422 B |
20
images/pansexual.svg
Normal file
20
images/pansexual.svg
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg enable-background="new 0 0 419.53 297.64" height="297.64px" version="1.1" viewBox="0 0 419.53 297.64" width="419.53px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
|
||||
<switch>
|
||||
|
||||
<g extraneous="self">
|
||||
<g id="Ebene_1">
|
||||
<rect fill="#4AAAE0" height="297.638" width="419.528" x="0.001" y="-0.569"/>
|
||||
</g>
|
||||
<g id="Ebene_2">
|
||||
<rect fill="#FED905" height="198.425" width="419.528" x="0.002" y="0"/>
|
||||
</g>
|
||||
<g id="Ebene_3">
|
||||
<rect fill="#E5318A" height="99.213" width="419.527"/>
|
||||
</g>
|
||||
</g>
|
||||
</switch>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 816 B |
BIN
images/profilepicture.webp
Normal file
BIN
images/profilepicture.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 MiB |
2
images/prog.svg
Normal file
2
images/prog.svg
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewBox="0 0 419.53 297.64"><defs><style>.cls-1{fill:#ee3124;}.cls-2{fill:#f57f29;}.cls-3{fill:#fff000;}.cls-4{fill:#58b947;}.cls-5{fill:#0054a6;}.cls-6{fill:#9f248f;}.cls-7{fill:#603917;}.cls-8{fill:#7cc0ea;}.cls-9{fill:#f498c0;}.cls-10{fill:#fff;}</style></defs><rect class="cls-1" x="-44.5" y="0.02" width="468.17" height="49.36"/><rect class="cls-2" x="-44.5" y="49.38" width="468.17" height="49.89"/><rect class="cls-3" x="-44.5" y="99.27" width="468.17" height="49.89"/><rect class="cls-4" x="-44.5" y="149.16" width="468.17" height="49.89"/><rect class="cls-5" x="-44.5" y="199.05" width="468.17" height="49.89"/><rect class="cls-6" x="-44.5" y="248.94" width="468.17" height="48.76"/><polygon points="-123.67 -190.44 -462.99 148.88 -126.49 488.08 212.83 148.76 -123.67 -190.44"/><polygon class="cls-7" points="179.93 148.76 -123.75 -157.63 -432.88 148.8 -126.49 455.18 179.93 148.76"/><polygon class="cls-8" points="147.04 148.76 -123.58 -124.55 -399.8 148.97 -126.49 422.29 147.04 148.76"/><polygon class="cls-9" points="116.84 148.76 -123.92 -92 -364.55 148.63 -126.49 389.39 116.84 148.76"/><polygon class="cls-10" points="83.94 148.76 -123.74 -58.93 -331.48 148.81 -126.49 356.49 83.94 148.76"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
6
images/trans.svg
Normal file
6
images/trans.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400">
|
||||
<path fill="#5BCEFA" d="M0 0h800v400H0z"/>
|
||||
<path fill="#F5A9B8" d="M0 80h800v240H0z"/>
|
||||
<path fill="#FFF" d="M0 160h800v80H0z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 247 B |
137
index.html
Normal file
137
index.html
Normal file
|
|
@ -0,0 +1,137 @@
|
|||
<!--
|
||||
__ __
|
||||
__ __ __ /_//_/ __ __
|
||||
| | / /__ ____/ /__ ___ __ _____ / _/_ _____ ___ ____ / / ___ ___ ____ _
|
||||
| |/ / -_) __/ '_// _ \/ // / _ \/ _/ // / _ \/ _ `(_-</ _ \/ _ `/ // / ' \
|
||||
|___/\__/_/ /_/\_\/_//_/\_,_/ .__/_/ \_,_/_//_/\_, /___/_.__/\_,_/\_,_/_/_/_/
|
||||
/_/ /___/
|
||||
|
||||
-->
|
||||
<!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 | Photographer | "Musician" <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" tabindex="0" title="Social Media">
|
||||
Social Media
|
||||
</h2>
|
||||
<ul class="link_list" aria-label="Social Media Link List">
|
||||
<li class="link_item"><a class="link mastodon" 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>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="link_container">
|
||||
<h2 class="separator" tabindex="0" title="SEPARATOR 1">
|
||||
Stuff I also do
|
||||
</h2>
|
||||
<ul class="link_list" aria-label="SEPARATOR NAME GOES HERE Link List">
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- <div class="link_container">
|
||||
<h2 class="separator" tabindex="0" title="SEPARATOR 2">
|
||||
Separator 2
|
||||
</h2>
|
||||
<ul class="link_list" aria-label="SEPARATOR NAME GOES HERE Link List">
|
||||
<li class="link_item"><a class="link" href="#" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>
|
||||
Example
|
||||
</a></li>
|
||||
<li class="link_item"><a class="link" href="#" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>
|
||||
Example
|
||||
</a></li>
|
||||
<li class="link_item"><a class="link" href="#" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>
|
||||
Example
|
||||
</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>
|
||||
Loading…
Reference in a new issue