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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>The Mycelial Network</title>
  <link rel="stylesheet" href="./style.css">
  <link rel="icon" href="./icons/red-background/favicon.ico" type="image/x-icon">
</head>

<body>
  <div class="center-text">
    <input type="radio" id="tab-links" name="tab" checked style="display: none;">
    <input type="radio" id="tab-contact" name="tab" style="display: none;">

    <div class="tabs">
      <label for="tab-links" class="tab">Links & Donate</label>
      <label for="tab-contact" class="tab">Contact</label>
    </div>

    <div id="linksTab" class="tab-content">
      <a>Hi! It's good to see you \( ‘ o ‘ )/</a>
      <div class="bullet-text">
        <ul class="links">
          <li><a href="https://myco.systems" target="_blank">Myco.Systems</a></li>
          <ul>
            <li><a href="https://coop.myco.systems" target="_blank">Coop.Myco.Systems</a></li>
            <ul>
              <li><a href="https://squattheplanet.com/" target="_blank">SquatThePlanet.com</a></li>
              <li><a href="https://wiki.hemera.network/" target="_blank">Wiki.Hemera.Network</a></li>
            </ul>
            <li><a href="https://web.myco.systems" target="_blank">Web.Myco.Systems</a></li>
            <li><a href="https://git.myco.systems/explore/repos" target="_blank">Git.Myco.Systems</a></li>
          </ul>
        </ul>
      </div>

      <details class="modal">
        <summary class="modal__toggle"></summary>
        <div class="modal__background">
          <div class="modal__body" tabindex="-1" role="dialog" aria-labelledby="modal__label" aria-live="assertive"
            aria-modal="true">
            <p id="modal__label" class="modal__text">
              Donations go to making sure we can keep all of our free services running ♡⸜(ˆᗜˆ˵ )⸝♡
              <br><br>
              <b>The following cryptocurrencies are supported:</b>
              <br><br>
              <b class="crypto-name">Monero (XMR):</b><span
                class="crypto-address">49r2aeun8DtV5VqZpZSwRpS83WfUWEaLt4NG8HJwwVkbiT1vSsXTXrPFKkKTdc6MPX9iezbTidNPvhGZKCnM1338TfK6Hgi</span>
              <br>
              <b class="crypto-name">Litecoin (LTC):</b><span
                class="crypto-address">LRAm7h5XENknfYEpbdVsvyGY8D6MiXGTDV</span>
              <br>
              <b class="crypto-name">Bitcoin (BTC):</b><span
                class="crypto-address">bc1qkv97ajh7f0a72l9rsjd3fmmly5q5uywr06q3x0</span>
            </p>
          </div>
        </div>
      </details>
    </div>

    <div id="contactTab" class="tab-content">
      <a>Send us a cool message and we'll get back to you d-(´▽`)-b</a>
      <ul class="alt-bullet">
        <li><a class="contact-name">contact (at) myco (dot) systems:</a><span class="pgp-address">-----BEGIN PGP PUBLIC KEY BLOCK-----<br>mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50<br>-----END PGP PUBLIC KEY BLOCK-----</span></li>
        <li><a href="https://mastodon.social/@brookeee" target="_blank">Mastodon</a></li>
      </ul>
    </div>

  </div>
  <script src='./simplex.js'></script>
  <script src="./script.js"></script>
</body>

</html>