<!DOCTYPE html>
<!--
To change the theme, change the class on the html tag below to one of:
- theme-auto: Automatically switches based on user's system preferences
- theme-light: Forces light theme
- theme-dark: Forces dark theme
-->
<html class="theme-auto" lang="en"> <!-- Update`class="theme-auto" with your preference -->
<!-- Hidden Mastodon verifications -->
<link rel="me" href="https://octodon.social/@vylion" />
<link rel="me" href="https://im-in.space/@vylion" />
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Page Title - Change this to your name/brand (50-60 characters recommended) -->
<title>WK Links</title>
<link rel="icon" type="image/png" href="images/wk_circle_small.png"> <!-- Update this with your own favicon -->
<!-- Meta Description - Write a description (150-160 characters recommended, this appears in search results and when sharing) -->
<meta name="description" content="WK Links">
<!-- Keywords -->
<meta name="keywords" content="vylion wk wunderkammer">
<!-- Canonical URL - Helps prevent duplicate content issues -->
<meta rel="canonical" href="https://yourwebsite.com">
<!-- Author Information -->
<meta name="author" content="Vylion">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/brands.css">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– >
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel="stylesheet"-->
</head>
<body>
<div class="container">
<div class="column">
<!--
By default, the Avatar is rounded. Use the following:
- avatar--rounded: Automatically rounds the image
- avatar--soft: Slightly rounds the image
- avatar--none: Removes any rounding
Be sure to replace the src with your own image path and update the alt text
-->
<img src="images/wk_circle_small.png" class="avatar" srcset="images/wk_circle.png" alt="WK Logo">
<img src="images/aseprite_pfp_small.png" class="avatar" srcset="images/aseprite_pfp.png" alt="Stylized pixelart self-portrait">
<!-- Replace with your name or brand -->
<h1>
<div>WK Vylion Links</div>
</h1>
<!-- Add a short description about yourself or your brand -->
<p>Interested in conlanging, worldbuilding, mechanical keyboards, DIY, programming, gamedev, terrariums.<br><br>
Here's all the online places where you can find me. If you think you found me somewhere else, it may not be me!</p>
<!-- All your buttons go here -->
<div class="button-stack" role="navigation">
<!-- Default LittleLink -->
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/littlelink.svg" alt="Little Link Logo">LittleLink</a>
<!-- Bluesky -->
<a class="button button-bluesky" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/bluesky.svg" alt="Bluesky Logo">Bluesky</a>
<!-- GitHub -->
<a class="button button-github" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
<!-- GitLab -->
<a class="button button-gitlab" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
<!-- Ko-fi -->
<a class="button button-ko-fi" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/ko-fi.svg" alt="Ko-fi Logo">Support me on Ko-fi</a>
<!-- Mastodon -->
<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.svg" alt="Mastodon Logo">Mastodon</a>
<!-- PayPal -->
<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>
<!-- Spotify -->
<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">Listen on Spotify</a>
<!-- Steam -->
<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>
<!-- Telegram -->
<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>
<!-- Tumblr -->
<!--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>
<!-- YouTube -->
<a class="button button-yt" href="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>
<!-- Generic Email -->
<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 Us</a>
</div>
<!-- Feel free to add your own footer information, including updating `privacy.html` to reflect how your LittleLink fork is set up -->
<footer>
<!--a href="privacy.html">Privacy Policy</a> | -->This page was built by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>
</footer>
</div>
</body>
</html>