<commit_before>var public_spreadsheet_url =                'https://docs.google.com/spreadsheets/d/<KEY>';

function InitializeTabletop() 
{
    Tabletop.init( { key: public_spreadsheet_url,
                     callback: showInfo,
                     simpleSheet: true } )
}

function showInfo(data, tabletop) 
{
    //alert("Successfully processed!")
    console.log(data);
    AddSkillsToPage(data);
    //alert(data[0].Skill);
}

function CreateModule (skill, iconLink, blurb)
{
    	return "<div class=\"module\" id=\""+skill+"\" data-blurb=\""+blurb+"\" data-bg-img=\""+iconLink+"\" data-skill=\""+skill+"\"><div class=\"circle\" style=\"background-image:url('"+iconLink+"')\"></div><h3>"+skill+"</h3></div>"
}

function AddSkillsToPage(data)
{
    for(i = 0; i < data.length; i++)
    {
        $('#'+data[i].Category)
            .find('.autowide')
            .append(CreateModule(data[i].Skill, data[i].IconLink, data[i].Blurb))
            .on( "click", 
                {
                    Skill: data[i].Skill,
                    IconLink: data[i].IconLink,
                    Blurb: data[i].Blurb
                }, ModuleClick );
    }
}

$( document ).ready(function() 
{
    InitializeTabletop();
    
});

function ModuleClick(event)
{
        console.log('click');
        swal({   
            title: "<div class=\"circle\" style=\";background-image:url(\'"+event.data.IconLink+"\')\"></div> <h3>"+event.data.Skill+"</h3>",   
            text: event.data.Blurb,   
            html: true 
        });
}<commit_msg>fixed module click<commit_after>var public_spreadsheet_url =                'https://docs.google.com/spreadsheets/d/1QXOUoGM93i4dt5XH8QbfS7TG8A00v5b-18Few3KcqfM/pubhtml';

function InitializeTabletop() 
{
    Tabletop.init( { key: public_spreadsheet_url,
                     callback: showInfo,
                     simpleSheet: true } )
}

function showInfo(data, tabletop) 
{
    //alert("Successfully processed!")
    console.log(data);
    AddSkillsToPage(data);
    //alert(data[0].Skill);
}

function CreateModule (skill, iconLink, blurb)
{
    	return "<div class=\"module\" id=\""+skill+"\" data-blurb=\""+blurb+"\" data-bg-img=\""+iconLink+"\" data-skill=\""+skill+"\"><div class=\"circle\" style=\"background-image:url('"+iconLink+"')\"></div><h3>"+skill+"</h3></div>"
}

function AddSkillsToPage(data)
{
    for(i = 0; i < data.length; i++)
    {
        var module = CreateModule(data[i].Skill, data[i].IconLink, data[i].Blurb);
        
        
        $('#'+data[i].Category)
            .find('.autowide')
            .append(module);
        

    }
    
    //Add clicks to all modules
    $('.module').click(ModuleClick);
    
}

$( document ).ready(function() 
{
    InitializeTabletop();
    
});

function ModuleClick(event)
{
        console.log('click');
        swal({   
            title: "<div class=\"circle\" style=\";background-image:url(\'"+$(this).attr('data-bg-img')+"\')\"></div> <h3>"+$(this).attr('data-skill')+"</h3>",   
            text: $(this).attr('data-blurb'),   
            html: true 
        });
}
{'fraction_non_alphanumeric': 0.19857466796242307, 'fraction_numerical': 0.008422416585681892, 'mean_word_length': 2.389681668496158, 'pattern_counts': {'":': 0, '<': 26, '<?xml version=': 0, '>': 24, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7407704', 'n_tokens_mistral': 1048, 'n_tokens_neox': 1030, 'n_words': 144}