A lightweight DIY alternative to services like Linktree and many.link.
Fixed links
+8
-8
+8
-8
index.html
+8
-8
index.html
···
77
77
<div class="button-stack" role="navigation">
78
78
79
79
<!-- Bluesky -->
80
-
<a class="button button-bluesky" href="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>
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="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>
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
84
85
85
<!-- Spotify -->
86
-
<a class="button button-spotify" href="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>
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>
87
87
88
88
<!-- Steam -->
89
-
<a class="button button-steam" href="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>
89
+
<a class="button button-steam" 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>
90
90
91
91
<!-- Telegram -->
92
-
<a class="button button-telegram" href="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>
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>
93
93
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
97
<!-- YouTube -->
98
-
<a class="button button-yt" href="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>
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>
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>
102
102
103
103
<!-- PayPal -->
104
-
<a class="button button-paypal" href="paypal.me/guillermoserrahima" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
104
+
<a class="button button-paypal" href="https://paypal.me/guillermoserrahima" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
105
105
106
106
<!-- Ko-fi -->
107
-
<a class="button button-ko-fi" href="ko-fi.com/vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/ko-fi.svg" alt="Ko-fi Logo">Ko-fi</a>
107
+
<a class="button button-ko-fi" href="https://ko-fi.com/vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/ko-fi.svg" alt="Ko-fi Logo">Ko-fi</a>
108
108
109
109
</div>
110
110