Add my links and changes

Signed-off-by: baalajimaestro <me@baalajimaestro.me>
Change-Id: I89b73ce550ae68e07792cef19ec5caa5996b917e

icons/matrix.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><use xlink:href="#_Image1" x="0" y="0" width="24px" height="24px"/><defs><image id="_Image1" width="24px" height="24px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABJUlEQVRIie3WPUpDQRQF4M9oQEIaGxeQBQTch6twAXaCtXuxtLYSXYCNooiVIKiFoEVMMMbkWryJecQXTcyzkRwYZuZwuWd+zh1GjHAVEUpqV8OkUt+MiGqJAtWUMyoyvKCnPPRSTpUfAufGQuBXAss4wAkOsYNTPOIITWziGE+4xBaWChWSTRs5i9Uioh+T0YqIzhjXjojtMas28jYdxyA37qZ5O83raZd9vCauht1pjyiPd+xjFQ85voU17OVE1lGdVaAju4cebnP8RRK5xlviAiuzCoRRhfdz/JAbpJiJ+J91wMjT0yxgGFNYB18uRXa+NzKX9HGf+HNspPFZ6u9kRujiWdGLXFBoZbVvC600LASmFqgreEfmQDXl/HRRxB99Wz4A1pm22ofH1HgAAAAASUVORK5CYII="/></defs></svg>

icons/sourcehut.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+    width="128" height="128">
+  <defs>
+    <filter id="shadow" x="-10%" y="-10%" width="125%" height="125%">
+      <feDropShadow dx="0" dy="0" stdDeviation="1.5"
+        flood-color="black" />
+    </filter>
+    <filter id="text-shadow" x="-10%" y="-10%" width="125%" height="125%">
+      <feDropShadow dx="0" dy="0" stdDeviation="1.5"
+        flood-color="#AAA" />
+    </filter>
+  </defs>
+  <circle cx="50%" cy="50%" r="38%" stroke="#878787" stroke-width="4%"
+    fill="none" filter="url(#shadow)" />
+  <circle cx="50%" cy="50%" r="38%" stroke="#878787" stroke-width="4%"
+    fill="none" filter="url(#shadow)" />
+</svg>

index.html

@@ -5,9 +5,9 @@
   <!-- Page Information
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <meta charset="utf-8">
-  <title>LittleLink</title>
+  <title>Links - baalajimaestro</title>
-  <meta name="description" content="Find us online!">
+  <meta name="description" content="Find me!">
-  <meta name="author" content="Seth Cottle">
+  <meta name="author" content="baalajimaestro">
 
   <!-- Mobile Specific Metas
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
@@ -53,13 +53,13 @@
         -->
 
         <!-- Your Image Here -->
-        <img src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
+        <img src="images/avatar.webp" alt="LittleLink Logo" width="125" height="125" style="border-radius: 50%;">
 
         <!-- Your Name -->
-        <h1>LittleLink</h1>
+        <h1>baalajimaestro</h1>
 
         <!-- Short Bio -->
-        <p>LittleLink is an open source DIY alternative to services like <a href="https://linktr.ee" target="_blank" rel="noopener">Linktree</a> and <a href="https://many.link" target="_blank" rel="noopener">many.link</a>. LittleLink was built using <a href="http://www.getskeleton.com" target="_blank" rel="noopener">Skeleton</a>, a dead simple, responsive boilerplate—we’ve just created some branded buttons and stripped out the things you won't need. 😊</p>
+        <p>If you are here, you probably met me/viewed my profile from one of the list below</p>
 
         <!--
 
@@ -88,135 +88,47 @@
         -->
 
         <!-- Github -->
-        <a class="button button-github" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/github.svg" alt="GitHub Logo">GitHub</a>
+        <a class="button button-github" href="https://github.com/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="icons/github.svg" alt="GitHub Logo">GitHub</a>
-          <br>
-        
-        <!-- Twitter -->
-        <a class="button button-twitter" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitter.svg" alt="Twitter Logo">Twitter</a>
-          <br>
-
-        <!-- Instagram -->
-        <a class="button button-instagram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/instagram.svg" alt="Instagram Logo">Instagram</a>
-          <br>
-
-        <!-- Facebook -->
-        <a class="button button-facebook" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
-          <br>
-
-        <!-- Facebook Messenger -->
-        <a class="button button-messenger" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/messenger.svg" alt="Facebook Messenger Logo">Chat on Messenger</a>
-          <br>   
-
-        <!-- LinkedIn -->
-        <a class="button button-linkedin" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
-          <br>
-
-        <!-- YouTube -->
-        <a class="button button-youtube" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/youtube.svg" alt="YouTube Logo">YouTube</a>
-          <br> 
-
-        <!-- Discord -->
-        <a class="button button-discord" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/discord.svg" alt="Discord Logo">Discord</a>
-          <br>
-
-        <!-- Twitch -->
-        <a class="button button-twitch" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitch.svg" alt="Twitch Logo">Twitch</a>
-          <br>
-
-        <!-- ProductHunt -->
-        <a class="button button-producthunt" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/producthunt.svg" alt="Product Hunt Logo">Product Hunt</a>
-         <br>
-
-        <!-- Snapchat -->
-        <a class="button button-snapchat" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/snapchat.svg" alt="Snapchat Logo">Snapchat</a>
-          <br>
-
-        <!-- Spotify -->
-        <a class="button button-spotify" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/spotify.svg" alt="Spotify Logo">Spotify</a>
-          <br>      
-          
-        <!-- Reddit -->
-        <a class="button button-reddit" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/reddit.svg" alt="Reddit Logo">Reddit</a>
-          <br>   
-
-        <!-- Mastodon -->
-        <a class="button button-mastodon" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
-          <br>           
-
-        <!-- Medium -->
-        <a class="button button-medium" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/medium.svg" alt="Medium Logo">Medium</a>
-          <br> 
-
-        <!-- Pinterest -->
-        <a class="button button-pinterest" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/pinterest.svg" alt="Pinterest Logo">Follow on Pinterest</a>
-          <br>
-
-        <!-- TikTok -->
-        <a class="button button-tiktok" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/tiktok.svg" alt="TikTok Logo">TikTok</a>
-          <br>
-
-        <!-- Email -->
-        <a class="button button-default" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/email.svg" alt="Email Icon">hello@littlelink.io</a>
-          <br>
-
-        <!-- Email Alternative -->
-        <a class="button button-default" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/email_alt.svg" alt="Email Icon">hello@littlelink.io</a>
-          <br>
-
-        <!-- SoundCloud -->
-        <a class="button button-soundcloud" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/soundcloud.svg" alt="SoundCloud Logo">SoundCloud</a>
-          <br>              
-
-        <!-- Figma -->
-        <a class="button button-figma" href="#" target="_blank" rel="noopener" ><img class="icon" src="icons/figma.svg" alt="Figma Logo">Figma</a>
-          <br>
-
-        <!-- Kit -->
-        <a class="button button-kit" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/kit.svg" alt="Kit Logo">Kit</a>
-          <br>          
-
-        <!-- Telegram -->
-        <a class="button button-telegram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/telegram.svg" alt="Telegram Logo">Telegram</a>
-          <br>          
-
-        <!-- Tumblr -->
-        <a class="button button-tumblr" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
-          <br>
-
-        <!-- Steam -->
-        <a class="button button-steam" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/steam.svg" alt="Steam Logo">Steam</a>
-          <br>
-
-        <!-- Vimeo -->
-        <a class="button button-vimeo" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
-          <br>
-
-        <!-- PayPal-->
-        <a class="button button-paypal" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/paypal.svg" alt="PayPal Logo">PayPal</a>
-        <br>
-
-        <!-- WhatsApp -->
-        <a class="button button-whatsapp" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
-        <br>
-          
-        <!-- Wordpress -->
-        <a class="button button-wordpress" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>
-          <br>
-
-        <!-- Goodreads -->
-        <a class="button button-goodreads" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/goodreads.svg" alt="Goodreads Logo">Goodreads</a>
-          <br>
-
-        <!-- Skoob -->
-        <a class="button button-skoob" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/skoob.svg" alt="Skoob Logo">Skoob</a>
           <br>
 
         <!-- Gitlab -->
-        <a class="button button-gitlab" href="_blank" target="_blank" rel="noopener"><img class="icon" src="icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
+        <a class="button button-gitlab" href="https://gitlab.com/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
+          <br>
+          
+        <!-- Steam -->
+        <a class="button button-steam" href="https://git.sr.ht/~baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="icons/sourcehut.svg" alt="Steam Logo">Sourcehut</a>
+          <br>
+
+        <!-- Telegram -->
+       <a class="button button-telegram" href="https://t.me/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="icons/telegram.svg" alt="Telegram Logo">Telegram</a>
+       <br>
+        
+        <!-- Discord -->
+        <a class="button button-discord" href="https://discord.com/users/404797553272684555" target="_blank" rel="noopener"><img class="icon" src="icons/discord.svg" alt="Discord Logo">Discord</a>
+          <br>
+
+        <!-- Instagram -->
+        <a class="button button-instagram" href="https://instagram.com/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="icons/instagram.svg" alt="Instagram Logo">Instagram</a>
+          <br>
+
+        <!-- Reddit -->
+        <a class="button button-reddit" href="https://reddit.com/user/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="icons/reddit.svg" alt="Reddit Logo">Reddit</a>
+          <br>   
+
+        <!-- Twitter -->
+        <a class="button button-twitter" href="https://twitter.com/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="icons/twitter.svg" alt="Twitter Logo">Twitter</a>
           <br>
 
         <!-- XING -->
-        <a class="button button-xing" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/xing.svg" alt="xing Logo">Xing</a>
+        <a class="button button-xing" href="https://matrix.to/#/@baalajimaestro:matrix.org" target="_blank" rel="noopener"><img class="icon" src="icons/matrix.svg" alt="xing Logo">Matrix</a>
+  
+        <!-- Email -->
+        <a class="button button-default" href="mailto:me@baalajimaestro.me" target="_blank" rel="noopener"><img class="icon" src="icons/email.svg" alt="Email Icon">me@baalajimaestro.me</a>
+          <br>
+
+        <!-- PayPal-->
+        <a class="button button-paypal" href="https://paypal.me/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="icons/paypal.svg" alt="PayPal Logo">Donate on PayPal</a>
+        <br>
 
         <br>
         <br>