108 lines
4.8 KiB
HTML
108 lines
4.8 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 -->
|
|
|
|
<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>LittleLink</title>
|
|
<link rel="icon" type="image/x-icon" href="/images/avatar.png"> <!-- Update this with your own favicon -->
|
|
|
|
<!-- Meta Description - Write a description (150-160 characters recommended) -->
|
|
<meta name="description" content="Replace this with your own, this appears in search results and when sharing.">
|
|
|
|
<!-- Keywords -->
|
|
<meta name="keywords" content="your name, industry, and specialties">
|
|
|
|
<!-- Canonical URL - Helps prevent duplicate content issues -->
|
|
<meta rel="canonical" href="https://yourwebsite.com">
|
|
|
|
<!-- Author Information -->
|
|
<meta name="author" content="Your Name">
|
|
|
|
<!-- Stylesheets -->
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/brands.css">
|
|
|
|
<!-- LittleLink Extended Stylesheet (Optional) -->
|
|
<!-- <link rel="stylesheet" href="css/brands-extended.css"> -->
|
|
<!-- Learn more at https://github.com/sethcottle/littlelink-extended.
|
|
Remove comments if you've added LittleLink Extended dependencies -->
|
|
|
|
</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 class="avatar avatar--soft" src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink">
|
|
|
|
<!-- Replace with your name or brand -->
|
|
<h1>
|
|
<div>Onkel_Noxy</div>
|
|
</h1>
|
|
|
|
<!-- Add a short description about yourself or your brand -->
|
|
<p>Cutter, Streamer, Pokémon Nerd</p>
|
|
|
|
<!-- All your buttons go here -->
|
|
<div class="button-stack" role="navigation">
|
|
|
|
<!-- 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>
|
|
|
|
<!-- Discord -->
|
|
<a class="button button-discord" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>
|
|
|
|
<!-- Instagram -->
|
|
<a class="button button-instagram" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a>
|
|
|
|
<!-- PayPal -->
|
|
<a class="button button-paypal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
|
|
|
|
<!-- TikTok -->
|
|
<a class="button button-tiktok" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/tiktok.svg" alt="TikTok Logo">TikTok</a>
|
|
|
|
<!-- Twitch -->
|
|
<a class="button button-twitch" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/twitch.svg" alt="Twitch Logo">Twitch</a>
|
|
|
|
<!-- X -->
|
|
<a class="button button-x" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/x.svg" alt="X Logo">Follow on X</a>
|
|
|
|
<!-- YouTube Alt -->
|
|
<a class="button button-yt-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube-alt.svg" alt="YouTube Logo">YouTube</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> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>
|
|
</footer>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|