Homepage/js/main.js

$(document).ready(function () {
    $("head").append(
        '<link rel="stylesheet" href="css/rules.css">' +
        '<link rel="stylesheet" href="css/responsive.css">' +
        '<link rel="stylesheet" href="css/animations.css">'
    );
    $('#abt-btn').click(function () {
        $('#abt').toggleClass('hide');
        $('.h-hide').toggleClass('h-on');
        LoadOnce();
    });
    $('#close').click(function () {
        $('#abt').addClass('hide');
        $('.h-hide').removeClass('h-on');
    });
    $('.tab').click(function () {
        var tab_id = $(this).attr('data-tab');
        $('div.tabs a').removeClass('chosen');
        $('.tab-content').addClass('hide');
        $(this).addClass('chosen');
        $('#' + tab_id).removeClass('hide');
    });
});

function LoadOnce() {
    $('#content').load('ajax/about.html');
    $('.tab-content').addClass('hide');
    LoadOnce = function () {};
}

var scene = document.getElementById('bg');
var parallaxInstance = new Parallax(scene, {
    relativeInput: true,
    hoverOnly: true
});