A lightweight DIY alternative to services like Linktree and many.link.
Reordered buttons, hid Steam
+14
-7
+7
css/brands.css
+7
css/brands.css
···
334
334
/* Mastodon */
335
335
.button-mastodon {
336
336
--button-text:#ffffff;
337
+
--button-background:#17063B;
338
+
/* --button-border:1px solid #ffffff;,*/
339
+
}
340
+
341
+
/* Mastodon */
342
+
.button-mastodon-alt {
343
+
--button-text:#ffffff;
337
344
--button-background:#563ACC;
338
345
/* --button-background:#6364ff;
339
346
/* --button-border:1px solid #ffffff;,*/
+7
-7
index.html
+7
-7
index.html
···
80
80
<a class="button button-bluesky" href="https://bsky.app/profile/me.vylion.com" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/bluesky.svg" alt="Bluesky Logo">Bluesky</a>
81
81
82
82
<!-- Mastodon -->
83
-
<a class="button button-mastodon" href="https://im-in.space/@vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/mastodon-white.svg" alt="Mastodon Logo">Mastodon</a>
84
-
85
-
<!-- Spotify -->
86
-
<a class="button button-spotify" href="https://open.spotify.com/user/vylion?si=7a6622a64cf84461" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/spotify.svg" alt="Spotify Logo">Spotify profile</a>
83
+
<a class="button button-mastodon-alt" href="https://im-in.space/@vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/mastodon-white.svg" alt="Mastodon Logo">Mastodon</a>
87
84
88
85
<!-- Steam -->
89
-
<a class="button button-steam-alt" href="https://steamcommunity.com/id/vylion/" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
86
+
<!--a class="button button-steam-alt" href="https://steamcommunity.com/id/vylion/" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
87
+
88
+
<!-- YouTube -->
89
+
<a class="button button-yt" href="https://www.youtube.com/@wk_vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
90
90
91
91
<!-- Telegram -->
92
92
<a class="button button-telegram" href="https://t.me/wk_vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/telegram.svg" alt="Telegram Logo">Telegram channel</a>
···
94
94
<!-- Tumblr -->
95
95
<!--a class="button button-tumb" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
96
96
97
-
<!-- YouTube -->
98
-
<a class="button button-yt" href="https://www.youtube.com/@wk_vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
97
+
<!-- Spotify -->
98
+
<a class="button button-spotify" href="https://open.spotify.com/user/vylion?si=7a6622a64cf84461" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/spotify.svg" alt="Spotify Logo">Spotify profile</a>
99
99
100
100
<!-- Generic Email -->
101
101
<a class="button button-default" href="mailto:wk@vylion.com" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-email.svg" alt="Email Icon">Email me</a>