JSFiddle - React, Tailwind, and code Playground

by fiddlegrimbo

JavaScript

jQuery(document).ready(function ($) {

    var offCanvas = $(".off-canvas");
    var bookForm = false;
    var moving = false;
    var cardsMoving = false;
    var card = $(".card");
    var cardCounter = 0;
    var cardWrap = $(".card-wrap");
    var homeasidediv = $(".home-aside");
    var canvasWrap = $(".canvas-wrapper");
    var arb = $(".arb");
    var slideWrap = $(".slider-wrap");
    var navLink = $(".top-bar ul a");
    var href;
    var block = $("div#block");
    var validator = new FormValidator('booking-form', [{
        name: 'name',
        display: 'name',
        rules: 'required'
    }, {
        name: 'email',
        display: 'email',
        rules: 'required|valid_email'
    }, {
        name: 'quantity',
        display: 'number of guests',
        rules: 'required'
    }], function (errors, evt) {
        if (errors.length > 0) {
            $(".booking-errors").fadeIn();
            for (var i = 0, errorLength = errors.length; i < errorLength; i++) {
                $(".booking-errors ul").append('<li>' + errors[i].message + '</li>');
            }

        }
    });
    var app = {
        init: function () {
            /*-----------------------------------
        INITIALISATION
        ------------------------------------*/
            canvasLoader();
            makeMaxHeight($(".canvas-wrapper"));
            textFit();
            slideSize(slideWrap, 1.25);
            homeAside();
            hexSize();
            fbInit();
            mapInit($('#footer-map'));
            mapInit($('#venue-map'));
        },
        initdelayed: function () {
            /*-----------------------------------
        INITIALISATION (delayed)
        ------------------------------------*/
            makeMaxHeight(cardWrap);
            verticalAlign($(".card-wrap"), $(".card-wrap img"));
            fbPosts();
            doneLoading();
        },
        /*-----------------------------------
        SCREEN RESIZE
       ...