the-vampiire

Ok, so, you might know about JavaScript regular expressions. Well, here is a tutorial about them, but written by a 13 year old, so it isn't actually any good!

Regular expressions go between / characters. Here is an exampe, /hi/.

Ok, now then. Let's learn how to match the string abc. Well, that's quite simple.

/abc/. Yey! So putting letters next to each other makes them match one after the other.

Ok, now, after the second / we can put a g to make it match globally, that is, we can extract abc from xyzabcghi.

the-vampiire

// jQuery Shortcuts
    var search_bar = $('#search_bar');
    var search_button = $('#search_button');
    var search_query = $('[name=search_query]')[0];
    var links = $('#links');
    var random = $('#random_button');


// Animations
    // activate search on click

the-vampiire

// jQuery Shortcuts
    var search_bar = $('#search_bar');
    var search_button = $('#search_button');
    var search_query = $('[name=search_query]')[0];
    var links = $('#links');
    var random = $('#random_button');

// Animations
    // activate search on click
        search_button.click(show_and_hide);

the-vampiire

// Stream Channel Names Array
    var channel_names = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];

// Stream Name to ID Conversion Request
    function convert_username(arr){

        var i = 0;

        for(i; i < arr.length; i++){
            $.ajax({

the-vampiire

// Stream Status and Details Request
function status_details(data) {

    // pulls ID attribute from convert_name data return which is passed to this request function
    var id = data.users[0]._id;

    $.ajax({

        type: "GET",
        url: "https://api.twitch.tv/kraken/streams/" + id,

the-vampiire

// jQuery shortcuts
    var online = $('#jumbotron_online'),
        offline = $('#jumbotron_offline'),
        channel_banner = $('.channel_banner'),
        channel_logo = $('.channel_logo');



var channel_names = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
var channel_ids = ["79776140", "30220059", "71852806", "90401618", "152475255", "6726509", "82534701", "54925078"];

the-vampiire

// Convert username to ID using OAuth (for logged in user)

    function convert_username_OAuth(token){
        $.ajax({

            type: "GET",
            url: "https://api.twitch.tv/kraken/user",
            headers: {
                "Client-ID": "vaiynh6nnd2nxpf6wshnj4v4zxxqz2",
                "Accept": "application/vnd.twitchtv.v5+json",

the-vampiire

// Document Ready (execute on page load completion)

    $( function(){

        // Twitch JS SDK looks for authenticated login status

            Twitch.init({clientId: 'YOUR CLIENT ID HERE'}, function(error, status) {
               
                if (status.authenticated) {

the-vampiire

// jQuery shortcuts

    var online = $('#jumbotron_online'),
        channel_names = ['freecodecamp', 'ESL_SC2'];

// Hide Modal Instructions
    $('.modal').click(function(){
        $(this).toggle();
    });

the-vampiire

body{
    background-color: rgba(100,65,164,1);
}

.modal{
    display:none;
    background-color: rgba(0,0,0,0.7);
    width: 100vw;
    height: 100vh;
}