dalfuss
/
dalfuss.link
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: dalfuss:7f647e9b0675ad0cabe182d23e5a3790f91d918e
Branches Tags
dalfuss:main
dalfuss:v1
...
compare: dalfuss:b0cd17f60c23f9b9ef5c19794ad427a10b8ce8a8
Branches Tags
dalfuss:main
dalfuss:v1

10 Commits
7f647e9b06 ... b0cd17f60c

Author SHA1 Message Date
dalfuss b0cd17f60c changed Mastodon link 2025-02-09 01:36:56 +01:00
Sam Dalfuss ffe8a02a64 fixed naming 2025-01-16 09:58:35 +01:00
Sam Dalfuss 1277ba8dbb added Daily Scooter 2025-01-15 14:11:16 +01:00
Sam Dalfuss 714a0ce1c8 fixed css / changed some colours 2025-01-09 15:54:37 +01:00
dalfuss cbfa230189 added oc.dalfuss.link, tweaked some colours 2025-01-01 00:49:10 +01:00
dalfuss 4dde581f59 changes layout, renamed projects, addec contact catergory 2024-12-26 21:46:25 +01:00
dalfuss aa61186894 added pronouns.page link 2024-12-26 21:30:35 +01:00
dalfuss a99ddda5f2 added mastodon verification 2024-12-23 18:17:56 +01:00
dalfuss bdda210874 added git link 2024-12-23 03:33:55 +01:00
dalfuss 2bf90900ca added colours.dalfuss.link 2024-12-23 02:15:54 +01:00
3 changed files with 82 additions and 39 deletions
Show Stats Expand all files Collapse all files

30
css/sites.css
View File

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

14
css/style.css
View File

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

67
index.html
View File

@ -64,7 +64,8 @@
//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" />
| 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">
@ -74,59 +75,85 @@
</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 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" href="https://corteximplant.com/@dalfuss" target="_blank"><i class="fa-brands fa-mastodon" aria-hidden="true"></i>
<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>
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" tabindex="0" title="SEPARATOR 1">
Stuff I also do
<h2 class="separator" title="Projects">
Projects
</h2>
<ul class="link_list" aria-label="SEPARATOR NAME GOES HERE Link List">
<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>
<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>
</div>
<!-- <div class="link_container">
<h2 class="separator" tabindex="0" title="SEPARATOR 2">
Separator 2
<div class="link_container">
<h2 class="separator" title="Contact">
Contact
</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
<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> -->
</div>
</main>
<footer class="source" aria-label="Footer information">
<p>&copy; Sam Dalfuss