Compare commits

..

No commits in common. "b0cd17f60c23f9b9ef5c19794ad427a10b8ce8a8" and "7f647e9b0675ad0cabe182d23e5a3790f91d918e" have entirely different histories.

3 changed files with 38 additions and 81 deletions

View File

@ -413,7 +413,7 @@ List is not yet complete.
} }
.git { .git {
background-color: #ff5500; background-color: ;
color: ; color: ;
} }
@ -719,7 +719,7 @@ List is not yet complete.
} }
.matrix-org { .matrix-org {
background-color: #0DBD8B; background-color: ;
color: ; color: ;
} }
@ -1363,26 +1363,12 @@ List is not yet complete.
color: ; color: ;
} }
.pronouns {
background-color: #c71585;
}
.elftwinks { .elftwinks {
background-color: #5BCEFA; background-color: #eea3b2;
color: #222222; color: ;
} }
.colours { svg {
background-color: #f5a9b8; height: 1.1em;
color: #222222; width: auto;
}
.oc {
background-color: #ffffff;
color: #222222;
}
.Dave {
background-color: #f5a9b8;
color: #222222;
} }

View File

@ -48,7 +48,8 @@ body {
font-weight: unset; font-weight: unset;
} }
.separator, .source { .separator,
.source {
color: white; color: white;
text-align: center; text-align: center;
margin: 25px auto; margin: 25px auto;
@ -62,7 +63,8 @@ body {
margin-top: 50px; margin-top: 50px;
} }
.picture, .picture img { .picture,
.picture img {
position: relative; position: relative;
width: 130px; width: 130px;
height: 130px; height: 130px;
@ -82,7 +84,8 @@ body {
text-decoration: none; text-decoration: none;
} }
.links, .link_list { .links,
.link_list {
max-width: 675px; max-width: 675px;
width: auto; width: auto;
display: block; display: block;
@ -138,8 +141,3 @@ footer a {
width: 1em; width: 1em;
border-radius: 0.15em; border-radius: 0.15em;
} }
svg {
height: 1.1em;
width: auto;
}

View File

@ -64,8 +64,7 @@
//display the calculated age //display the calculated age
document.write(age); document.write(age);
</script> </script>
| they/them/dey/er | Heidelberg | Streamer | Gamer | "Musician" <br> | 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" />
<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> </p>
<div class="links link_item"> <div class="links link_item">
<a class="link" href="https://dalfuss.net" target="_blank"> <a class="link" href="https://dalfuss.net" target="_blank">
@ -75,85 +74,59 @@
</header> </header>
<main id="main" aria-label="Main content with links"> <main id="main" aria-label="Main content with links">
<div class="link_container"> <div class="link_container">
<h2 class="separator" title="Social Media / About Me"> <h2 class="separator" tabindex="0" title="Social Media">
Social Media / About Me Social Media
</h2> </h2>
<ul class="link_list" aria-label="Social Media Link List"> <ul class="link_list" aria-label="Social Media Link List">
<li class="link_item"><a class="link mastodon" rel="me" href="https://dalfuss24.de/@sam" target="_blank"><i class="fa-brands fa-mastodon" aria-hidden="true"></i> <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 Mastodon / Fediverse
</a></li> </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> <li class="link_item"><a class="link twitch" href="https://dalfuss.live" target="_blank"><i class="fa fa-twitch" aria-hidden="true"></i>
Twitch Twitch
</a></li> </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> <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 Instagram
</a></li> </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> <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 Discord Server
</a></li> </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> <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 YouTube
</a></li> </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> <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 TikTok
</a></li> </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> <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 Anilist
</a></li> </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> </ul>
</div> </div>
<div class="link_container"> <div class="link_container">
<h2 class="separator" title="Projects"> <h2 class="separator" tabindex="0" title="SEPARATOR 1">
Projects Stuff I also do
</h2> </h2>
<ul class="link_list" aria-label="Project Link List"> <ul class="link_list" aria-label="SEPARATOR NAME GOES HERE 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> <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 ElfTwinks.Gay
</a></li> </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>
<li class="link_item"><a class="link Dave" href="https://cyber.ms/@dave" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>
Dave
</a></li>
</ul> </ul>
</div> </div>
<!-- <div class="link_container">
<div class="link_container"> <h2 class="separator" tabindex="0" title="SEPARATOR 2">
<h2 class="separator" title="Contact"> Separator 2
Contact
</h2> </h2>
<ul class="link_list" aria-label="Contact Link List"> <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>
<li class="link_item"><a class="link matrix-org" href="https://matrix.to/#/@dalfuss:catgirl.cloud" target="_blank"> Example
Matrix </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> </a></li>
</ul> </ul>
</div> </div> -->
</main> </main>
<footer class="source" aria-label="Footer information"> <footer class="source" aria-label="Footer information">
<p>&copy; Sam Dalfuss <p>&copy; Sam Dalfuss