<!DOCTYPE html>
<html lang="en">

<head>

  <!-- Page Information
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta charset="utf-8">

  <title>Links - baalajimaestro</title>
  <meta name="description" content="Find me!">
  <meta name="author" content="baalajimaestro">

  <!-- Mobile Specific Metas
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta name="viewport" content="width=device-width, initial-scale=1">


  <!-- CSS
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="stylesheet" href="css/normalize.css">

  <!-- Themes:
         Auto:   css/skeleton-auto.css
         Light:  css/skeleton-light.css
         Dark:   css/skeleton-dark.css
  -->
  <link rel="stylesheet" href="css/skeleton-dark.css">

    <!-- Brand Styles -->
    <link rel="stylesheet" href="css/brands.css">


  <!-- Favicon
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="icon" type="image/webp" href="images/avatar.webp">
  
  <!-- Analytics -->
  <script>
    var _paq = window._paq = window._paq || [];
    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function() {
      var u="https://stats.ptr.moe/";
        _paq.push(['setTrackerUrl', u+'86eff12f2496']);
      _paq.push(['setSiteId', '2']);
      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.async=true; g.src=u+'dd168412e25a.js'; s.parentNode.insertBefore(g,s);
    })();
  </script>

</head>

<body>

  <!-- Primary Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <div class="container">
    <div class="row">
      <div class="column" style="margin-top: 10%">

        <img src="images/avatar.webp" alt="Avatar" width="125" height="125" style="border-radius: 50%;">

        <!-- Your Name -->
        <h1>baalajimaestro</h1>

        <!-- Email -->
        <a class="button button-default" href="mailto:me@baalajimaestro.me" target="_blank" rel="noopener"><img class="icon" src="images/icons/email.svg" alt="Email Icon">me@baalajimaestro.me</a>
          <br>

        <!-- Short Bio -->
        <br>
        <h3>Contact me with IM</h3>
        <br>
        <p>If you are trying to contact me with IM, please ensure your message conveys your information concisely and readably, rather than sending a dumb hi/hello and expecting me to respond on it.</p>
        <br>

        <!-- Telegram -->
       <a class="button button-telegram" href="tg://user?id=518221376" target="_blank" rel="noopener"><img class="icon" src="images/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="images/icons/discord.svg" alt="Discord Logo">Discord</a>
          <br>

        <!-- Reddit -->
        <a class="button button-reddit" href="https://reddit.com/user/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a>
          <br>   

        <!-- Twitter -->
        <a class="button button-twit" href="https://x.com/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="images/icons/x.svg" alt="Twitter Logo">X</a>
          <br>

        <!-- IRC -->
        <a class="button button-xing" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/matrix.svg" alt="IRC Logo">baalajimaestro on Libera</a>
          <br>      

        <!-- Instagram -->
        <a class="button button-instagram" href="https://instagram.com/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a>
          <br>
          <br>
      <h3>Other Online Presence</h3>
          <br>

        <!-- Gitlab -->
        <a class="button button-gitlab" href="https://git.ptr.moe/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="images/icons/gitea.svg" alt="GitLab Logo">Selfhosted Gitea</a>
          <br>

        <!-- Github -->
        <a class="button button-github" href="https://github.com/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
          <br>

        <!-- Gitlab -->
        <a class="button button-gitlab" href="https://gitlab.com/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
          <br>

        <!-- PayPal-->
        <a class="button button-paypal" href="https://paypal.me/baalajimaestro" target="_blank" rel="noopener"><img class="icon" src="images/icons/paypal.svg" alt="PayPal Logo">Donate on PayPal</a>
        <br>

        <br>

        <p><a href="privacy.html">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
      </div>
    </div>
  </div>

  <!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>

</html>