264 lines
17 KiB
HTML
264 lines
17 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 Extended</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-extended.css">
|
||
|
|
|
||
|
|
</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--rounded" src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink">
|
||
|
|
|
||
|
|
<!-- Replace with your name or brand -->
|
||
|
|
<h1 tabindex="0">
|
||
|
|
<div>LittleLink</div>
|
||
|
|
</h1>
|
||
|
|
|
||
|
|
<!-- Add a short description about yourself or your brand -->
|
||
|
|
<p tabindex="0">An open source DIY Linktree alternative.</p>
|
||
|
|
|
||
|
|
<!-- All your buttons go here -->
|
||
|
|
<div class="button-stack" role="navigation">
|
||
|
|
|
||
|
|
<!-- 500px -->
|
||
|
|
<a class="button button-500px" href="#" target="_blank" rel="noopener" role="button"> <img class="icon" aria-hidden="true" aria-hidden="true" src="images/icons-extended/500px.svg" alt="500px Logo">500px</a>
|
||
|
|
|
||
|
|
<!-- Alpha Universe (Sony) -->
|
||
|
|
<a class="button button-alphauniverse" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/sony-alpha.svg" alt="Alpha Universe Logo">Universe</a>
|
||
|
|
|
||
|
|
<!-- AniList -->
|
||
|
|
<a class="button button-anilist" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/anilist.svg" alt="AniList Logo">AniList</a>
|
||
|
|
|
||
|
|
<!-- Audiomack -->
|
||
|
|
<a class="button button-audiomack" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/audiomack.svg" alt="Audiomack Logo">Audiomack</a>
|
||
|
|
|
||
|
|
<!-- BeReal -->
|
||
|
|
<a class="button button-bereal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/bereal.svg" alt="BeReal Logo">BeReal</a>
|
||
|
|
|
||
|
|
<!-- Bandsintown -->
|
||
|
|
<a class="button button-bandsintown" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/bandsintown.svg" alt="Bandsintown Logo">Bandsintown</a>
|
||
|
|
|
||
|
|
<!-- Big Cartel -->
|
||
|
|
<a class="button button-bigcartel" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/bigcartel.svg" alt="Big Cartel Logo">Big Cartel</a>
|
||
|
|
|
||
|
|
<!-- Bonfire -->
|
||
|
|
<a class="button button-bonfire" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/bonfire.svg" alt="Bonfire Logo">Bonfire</a>
|
||
|
|
|
||
|
|
<!-- Cameo -->
|
||
|
|
<a class="button button-cameo" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/cameo.svg" alt="Cameo Logo">Cameo</a>
|
||
|
|
|
||
|
|
<!-- Clubhouse -->
|
||
|
|
<a class="button button-clubhouse" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/clubhouse.svg" alt="Clubhouse Logo">Clubhouse</a>
|
||
|
|
|
||
|
|
<!-- Codepen -->
|
||
|
|
<a class="button button-codepen" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/codepen.svg" alt="Codepen Logo">Codepen</a>
|
||
|
|
|
||
|
|
<!-- Deezer -->
|
||
|
|
<a class="button button-deezer" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/deezer.svg" alt="Deezer Logo">Listen on Deezer</a>
|
||
|
|
|
||
|
|
<!-- Devpost -->
|
||
|
|
<a class="button button-devpost" href="#" target="_blank" rel="noopener" role="button"><img class="icon icon-invert" src="images/icons-extended/devpost.svg" alt="Devpost Logo">Devpost</a>
|
||
|
|
|
||
|
|
<!-- Distiller -->
|
||
|
|
<a class="button button-dist" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/distiller.svg" alt="Distiller Logo">Distiller</a>
|
||
|
|
|
||
|
|
<!-- Filmweb -->
|
||
|
|
<a class="button button-filmweb" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/filmweb.svg" alt="Filmweb Logo">Filmweb</a>
|
||
|
|
|
||
|
|
<!-- Gog -->
|
||
|
|
<a class="button button-gog" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/gog.svg" alt="Gog.com Logo">Gog</a>
|
||
|
|
|
||
|
|
<!-- Guilded -->
|
||
|
|
<a class="button button-guilded" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/guilded.svg" alt="Guilded Logo">Guilded</a>
|
||
|
|
|
||
|
|
<!-- Gumroad -->
|
||
|
|
<a class="button button-gumroad" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/gumroad.svg" alt="Gumroad Logo">Gumroad</a>
|
||
|
|
|
||
|
|
<!-- Hackerearth -->
|
||
|
|
<a class="button button-hackerearth" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/hackerearth.svg" alt="HackerEarth Logo">HackerEarth</a>
|
||
|
|
|
||
|
|
<!-- Hackerrank -->
|
||
|
|
<a class="button button-hackerrank" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/hackerrank.svg" alt="HackerRank Logo">HackerRank</a>
|
||
|
|
|
||
|
|
<!-- Itch.io -->
|
||
|
|
<a class="button button-itchio" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/itchio.svg" alt="itchio Logo">itch.io</a>
|
||
|
|
|
||
|
|
<!-- Layers -->
|
||
|
|
<a class="button button-layers" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/layers.svg" alt="Layers Logo">Layers</a>
|
||
|
|
|
||
|
|
<!-- LeetCode -->
|
||
|
|
<a class="button button-leetcode" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/leetcode.svg" alt="LeetCode Logo">LeetCode</a><br>
|
||
|
|
|
||
|
|
<!-- Lemmy -->
|
||
|
|
<a class="button button-lemmy" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/lemmy.svg" alt="Lemmy Logo">Lemmy</a>
|
||
|
|
|
||
|
|
<!-- ListenBrainz -->
|
||
|
|
<a class="button button-listenbrainz" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/listenbrainz.svg" alt="ListenBrainz Logo">ListenBrainz</a>
|
||
|
|
|
||
|
|
<!-- Matrix -->
|
||
|
|
<a class="button button-matrix" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/matrix.svg" alt="Matrix Logo">Matrix</a>
|
||
|
|
|
||
|
|
<!-- MicroBlog -->
|
||
|
|
<a class="button button-microblog" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/microblog.svg" alt="MicroBlog Logo">MicroBlog</a>
|
||
|
|
|
||
|
|
<!-- Mixcloud -->
|
||
|
|
<a class="button button-mixcloud" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/mixcloud.svg" alt="Mixcloud Logo">Mixcloud</a>
|
||
|
|
|
||
|
|
<!-- MyAnimeList -->
|
||
|
|
<a class="button button-myanimelist" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/myanimelist.svg" alt="MyAnimeList Logo">MyAnimeList</a>
|
||
|
|
|
||
|
|
<!-- NGL -->
|
||
|
|
<a class="button button-ngl" href="#" target="_blank" rel="noopener"><img class="icon" aria-hidden="true" src="images/icons-extended/ngl.svg" alt="NGL Logo">NGL</a>
|
||
|
|
|
||
|
|
<!-- Nostr -->
|
||
|
|
<a class="button button-nostr" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/nostr_logo_wht.svg" alt="ostrich">Nostr</a>
|
||
|
|
|
||
|
|
<!-- OP.GG -->
|
||
|
|
<a class="button button-opgg" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/opgg.svg" alt="OP.GG Logo">OP.GG</a>
|
||
|
|
|
||
|
|
<!-- OpenSea -->
|
||
|
|
<a class="button button-opensea" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/opensea.svg" alt="OpenSea Logo">OpenSea</a>
|
||
|
|
|
||
|
|
<!-- OpenStreetMap -->
|
||
|
|
<a class="button button-osm" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/osm.svg" alt="OpenStreetMap Logo">OpenStreetMap</a>
|
||
|
|
|
||
|
|
<!-- ORCID ID -->
|
||
|
|
<a class="button button-orcid-id" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/orcid-id.svg" alt="ORCID ID Logo">ORCID ID</a>
|
||
|
|
|
||
|
|
<!-- osu! -->
|
||
|
|
<a class="button button-osu" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/osu.svg" alt="osu! Logo">osu!</a>
|
||
|
|
|
||
|
|
<!-- Partiful -->
|
||
|
|
<a class="button button-partiful" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/partiful.svg" alt="Partiful Logo">Partiful</a>
|
||
|
|
|
||
|
|
<!-- Peertube -->
|
||
|
|
<a class="button button-peertube" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/peertube.svg" alt="Peertube Logo">Peertube</a>
|
||
|
|
|
||
|
|
<!-- Pixelfed -->
|
||
|
|
<a class="button button-pixelfed" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/pixelfed.svg" alt="Pixelfed Logo">Pixelfed</a>
|
||
|
|
|
||
|
|
<!-- PlayStation -->
|
||
|
|
<a class="button button-playstation" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/playstation.svg" alt="PlayStation Logo">PlayStation</a>
|
||
|
|
|
||
|
|
<!-- Qobuz -->
|
||
|
|
<a class="button button-qobuz" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/qobuz.svg" alt="Qobuz Logo">Listen on Qobuz</a>
|
||
|
|
|
||
|
|
<!-- QQ -->
|
||
|
|
<a class="button button-qq" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/qq.svg" alt="QQ Logo">QQ</a>
|
||
|
|
|
||
|
|
<!-- ravelry -->
|
||
|
|
<a class="button button-ravelry" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/ravelry.svg" alt="ravelry Logo">ravelry</a>
|
||
|
|
|
||
|
|
<!-- Redbubble -->
|
||
|
|
<a class="button button-redbubble" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/redbubble.svg" alt="Redbubble Logo">Redbubble</a>
|
||
|
|
|
||
|
|
<!-- ResearchGate -->
|
||
|
|
<a class="button button-researchgate" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/researchgate.svg" alt="ResearchGate Logo">ResearchGate</a>
|
||
|
|
|
||
|
|
<!-- Revolut -->
|
||
|
|
<a class="button button-revolut" href="" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/revolut.svg" alt="Revolut Logo">Revolut</a>
|
||
|
|
|
||
|
|
<!-- Roll20 -->
|
||
|
|
<a class="button button-roll20" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/roll20.svg" alt="Roll20 Logo">Roll20</a>
|
||
|
|
|
||
|
|
<!-- Skoob -->
|
||
|
|
<a class="button button-skoob" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/skoob.svg" alt="Skoob logo">Skoob</a>
|
||
|
|
|
||
|
|
<!-- SimpleX chat -->
|
||
|
|
<a class="button button-simplex" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/simplex.svg" alt="SimpleX Logo">SimpleX chat</a>
|
||
|
|
|
||
|
|
<!-- SimpleX Chat Alt -->
|
||
|
|
<a class="button button-simplex-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/simplex-alt.svg" alt="SimpleX Logo">SimpleX Chat</a>
|
||
|
|
|
||
|
|
<!-- SpaceHey -->
|
||
|
|
<a class="button button-spacehey" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/spacehey.svg" alt="SpaceHey Logo">SpaceHey</a>
|
||
|
|
|
||
|
|
<!-- Tidal -->
|
||
|
|
<a class="button button-tidal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/tidal.svg" alt="Tidal Logo">Listen on Tidal</a>
|
||
|
|
|
||
|
|
<!-- Trakt -->
|
||
|
|
<a class="button button-trakt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/trakt.svg" alt="Trakt Logo">Trakt</a>
|
||
|
|
|
||
|
|
<!-- Untappd -->
|
||
|
|
<a class="button button-untappd" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/untappd.svg" alt="Untappd Logo">Untappd</a>
|
||
|
|
|
||
|
|
<!-- Upwork -->
|
||
|
|
<a class="button button-upwork" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/upwork.svg" alt="Upwork Logo">Upwork</a>
|
||
|
|
|
||
|
|
<!-- Vero -->
|
||
|
|
<a class="button button-vero" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/vero.svg" alt="Vero Logo">Vero</a>
|
||
|
|
|
||
|
|
<!-- VRChat -->
|
||
|
|
<a class="button button-vrchat" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/vrchat.svg" alt="VRChat Logo">VRChat</a>
|
||
|
|
|
||
|
|
<!-- WIP -->
|
||
|
|
<a class="button button-wip" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/wip.svg" alt="WIP Logo">WIP</a>
|
||
|
|
|
||
|
|
<!-- Write.as -->
|
||
|
|
<a class="button button-writeas" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/writeas.svg" alt="Write.as Logo">Write.as</a>
|
||
|
|
|
||
|
|
<!-- Writefreely -->
|
||
|
|
<a class="button button-writefreely" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/writefreely.svg" alt="WriteFreely Logo">WriteFreely</a>
|
||
|
|
|
||
|
|
<!-- Xbox -->
|
||
|
|
<a class="button button-xbox" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/xbox.svg" alt="Xbox Logo">Xbox</a>
|
||
|
|
|
||
|
|
<!-- Xing -->
|
||
|
|
<a class="button button-xing" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons-extended/xing.svg" alt="Xing Logo">Xing</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Feel free to add your own footer information, including updating `privacy.html` to reflect how your LittleLink fork is set up -->
|
||
|
|
<footer>
|
||
|
|
Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|