<div id="myData"></div>

<hr>

<section>
  <div class="container">
    <div class="row one-box">
      <div class="col-xl-4 col-lg-4 col-md-8 col-sm-12 col-12">
        <img class="mb-3" src="/Images/tea-logo-2.svg" alt="tea Logo (teal)" style="width:40px;">
        <p class="small">tea is a unified packaging infrastructure from the creator of brew that aims to leverage blockchain in order to remunerate open-source developers for their contributions to the larger ecosystem.</p>
        <div class="social-icons flex-start">
          <a href="https://twitter.com/teaxyz">
            <i class="icon-twitter lead me-2"></i>
          </a>
          <a href="https://discord.gg/tea-906608167901876256">
            <i class="icon-discord lead me-2"></i>
          </a>
          <a href="https://github.com/teaxyz/cli">
            <i class="icon-github lead me-2"></i>
          </a>
          <a href="https://t.me/tea_xyz">
            <i class="icon-telegram lead me-2"></i>
          </a>

        </div>
      </div>
      <div class="col-xl-2 col-lg-2 col-md-4 col-sm-12 col-12 mt-5 ps-xl-5">
        <h6 class="white mt-2">Quick Links</h6>
        <a href="https://medium.com/teaxyz">blog</a><br>
        <a href="/careers/">careers</a><br>
        <a href="/privacy-policy/">privacy policy</a><br>
        <a href="/terms-of-use/">terms of use</a><br>
      </div>
      <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12 mt-5 ps-3" style="margin-left:auto;">
        <h6 class="white mb-3 mt-2">Enter your email to join our newsletter:</h6>
          <div class="klaviyo-form-RqTcUf mb-2"></div>
        <p class="small grid-gray">We will never share your information with anyone else; this is just for the occasional newsletter. You can learn more by reading our <a href="/privacy-policy/" style="color:#00ffd0 !important;">privacy policy</a>. </p>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <p class="small">©<span id="copyYear"></span> tea inc. You can also share our <a href="https://linktr.ee/teaxyz" class="teal" style="color:#00ffd0 !important;">Linktree</a>.</p>
      </div>
    </div>
  </div>
</section>

<style>

  #email_52020276{
    background-color: #1a1a1a !important;
    border: none !important;
    color: #fff !important;
    font-family: "inter", sans-serif !important;
  }

  #email_52020276:focus{
    box-shadow: none !important;
  }

  #email_52020276::placeholder{
    color: #949494 !important;
  }

  #email_52020276::selection{
    background-color: #00ffd0 !important;
    color: #1a1a1a !important;
  }

  .go3894874857{
    width: 80px;
    font-family: "inter", sans-serif !important;
  }

</style>

<script>

  const copyrightDate = new Date().getFullYear();
  document.getElementById('copyYear').innerHTML = copyrightDate;

</script>


<!-- JavaScript Bundle with Popper -->

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
    </script>

  <script src="https://code.jquery.com/jquery-3.6.0.min.js"
    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

  <script>
    $(window).scroll(function () {
      $('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
    });

    if (localStorage['signup'].match(/:::/)) {
      const [username, serial_] = localStorage.signup.split(':::');
      const serial = (+serial_).toLocaleString()
      $('.box-auth-true').show();
      $('.box-auth-false').hide();
      $('#auth-username').html(username);
      $('#count').html(`${serial} / <span id='count3'></span>`);
      $('#count-sub-text').html('YOUR AUTHENTICATION NUMBER');
      $('#communitea').html('Thanks for joining our communi&#39;<span style="color:#54BAAB;">tea</span>');
      $('#revolution-text').html(
        'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
      );
      $('#auth-body-text').hide();
      $('.rounded-pill').hide();
      $('.auth-btn').html('Configure GitHub App');
      $('.auth-btn').attr('href', 'https://github.com/apps/tea-xyz')
    }
  </script>

<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "c9ohlhyxzf");
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3M5LVH76F"></script>
  <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'G-Q3M5LVH76F');
  </script>

  <script>
    const textList = [
    "game&#8208;dev",
    "AI",
    "automation",
    "data",
    "ML",
    "web",
    "devops",
    "creating",
    "everything",
    "<i>you<i>"
    ];
    const cycle = document.querySelector(".cycle","#cycle");
    let i = 0;
    const cycleText = () => {
      cycle.innerHTML = textList[i];
      i = ++i % textList.length;
    };
    cycleText();
    setInterval(cycleText, 2400);

  </script>

  <script>
    rdt('track', 'SignUp');
    rdt('track', 'ViewContent');
  </script>

  <script>

    const url = 'https://tea.breezy.hr/json?verbose=true';

    fetch(url)
    .then(res => res.json())
    .then((out) => {
      //Debugging + Reference
      console.log(out);
      //Job Description One
      document.getElementById('typeOne').innerHTML = out[0].type.name;
      document.getElementById('deptOne').innerHTML = out[0].department;
      out[0].location.is_remote === true ? document.getElementById('locOne').innerHTML = 'Remote' : document.getElementById('locOne').innerHTML = out[0].location.name;
      document.getElementById('jobOne').innerHTML = out[0].name;
      document.getElementById('descOne').innerHTML = out[0].description;
      document.getElementById('linkOne').href = out[0].url;
      document.getElementById('typeTwo').innerHTML = out[1].type.name;
      document.getElementById('deptTwo').innerHTML = out[1].department;
      document.getElementById('jobTwo').innerHTML = out[1].name;
      document.getElementById('descTwo').innerHTML = out[1].description;
      out[1].location.is_remote === true ? document.getElementById('locTwo').innerHTML = 'Remote' : document.getElementById('locTwo').innerHTML = out[1].location.name;
      document.getElementById('linkTwo').href = out[1].url;
      document.getElementById('jobThree').innerHTML = out[2].name;
      document.getElementById('typeThree').innerHTML = out[2].type.name;
      document.getElementById('deptThree').innerHTML = out[2].department;
      out[2].location.is_remote === true ? document.getElementById('locThree').innerHTML = 'Remote' : document.getElementById('locThree').innerHTML = out[2].location.name;
      document.getElementById('descThree').innerHTML = out[2].description;
      document.getElementById('linkThree').href = out[2].url;
    })
    .catch(err => { throw err });

  </script>

  <script>


    const toastTrigger = document.getElementById('liveToastBtn')
    const toastLiveExample = document.getElementById('liveToast')
    if (toastTrigger) {
      toastTrigger.addEventListener('click', () => {
        const toast = new bootstrap.Toast(toastLiveExample)

        toast.show()
      })
    }

  </script>

  <script>
    $(document).ready(function() {
    var repository = "teaxyz/cli";
    var url = "https://api.github.com/repos/" + repository;

    $.get(url, function(data) {
    var stargazers = numeral(data.stargazers_count).format("0.0a");
    $(".stargazers").html(stargazers).hide().fadeIn(400);
    });
    });
</script>

<script>

  $(document).ready(function() {
  var repository = "teaxyz/cli";
  var url = "https://api.github.com/repos/"+ repository +"/releases/latest";

  $.get(url, function(data) {
  var release = data.tag_name;
  $(".release").html(release).hide().fadeIn(400);
  });
  });

</script>
