120 lines
5.9 KiB
HTML
120 lines
5.9 KiB
HTML
<!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
|
||
-->
|
||
<div>
|
||
<img src="images/wk_circle_small.png" class="avatar avatar--rounded" srcset="images/wk_circle.png" alt="WK Logo" />
|
||
<img src="images/aseprite_pfp_small.png" class="avatar avatar--rounded" srcset="images/aseprite_pfp.png" alt="Stylized pixelart self-portrait" />
|
||
</div>
|
||
|
||
<!-- 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">
|
||
|
||
<!-- Bluesky -->
|
||
<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>
|
||
|
||
<!-- 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>
|
||
|
||
<!-- 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">Spotify profile</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="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 me</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>
|
||
|
||
<!-- Ko-fi -->
|
||
<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>
|
||
|
||
</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>
|