rdRYmz

index.html

<!-- <div class = "freecodecamp"><a href="https://www.twitch.tv/freecodecamp"
  <H2><i class="fab fa-twitch fa-1x"></i> freeCodeCamp </H2>
  <p>
</p></a>
</div> --> 

<div class = "csuszka"><a href="https://www.twitch.tv/csuszka"
  <H2><i class="fab fa-twitch fa-1x"></i> csuszka </H2>
  <p>
</p></a>
</div>

rdrymz.markdown

rdRYmz

A Pen by Noémi Puskás on CodePen.

License.

script.js

$(document).ready(function() {
  $.ajax("https://wind-bow.glitch.me/twitch-api/streams/csuszka", {
    type: "GET",
    dataType: "json",
    data: {
      origin: "*"
    },
    success: function(searchResult) {
      if (searchResult.stream !== null) {
        $(".csuszka").children().css('color', 'green');
      } else $(".csuszka").children().css('color', 'gray');
    }
  });
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

style.css

H2{
  
}

i{
  color: gray;
}

a {
  text-decoration: none;
  outline: none;
  font-size: 50px;
}

a:link {
  color: black;
}

a:visited {
  color: black;
}

a:focus {
  border-bottom: 2px solid;
  color: black;
}

a:hover {
  color: black;
  text-decoration: none;
}

a:active {
  color: black;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css" rel="stylesheet" />