JSFiddle - React, Tailwind, and code Playground

by James Allardice

HTML

<script src="http://www.hellobar.com/solo/hellobar-standalone/hellobar.js"></script>
<script></script>

JavaScript

//if (document.location.hostname == 'www.hellobar.com') {
    var HelloBar = function (p, q, r) {
        var t = this;
        var u = "http://www.hellobar.com";
        var v = "The HelloBar - a little bar that gets noticed!";
        var w = "hellobar";
        var x;
        var y = {};
        var z = 30;
        var A = 3;
        var B = 5;
        var C = {
            afterOpen: null,
            afterClose: null,
            onOpen: null,
            onClose: null,
            onReady: null,
            height: z,
            borderSize: A,
            showWait: 0,
            hideAfter: -1,
            wiggleWait: 15000,
            barColor: '#eb593c',
            shadow: true,
            textColor: '#ffffff',
            linkColor: '#80ccff',
            linkStyle: 'button',
            forgetful: false,
            positioning: 'sticky',
            transition: 'bouncy',
            speed: 500,
            closable: true,
            helloBarLogo: true,
            tabSide: 'right',
            showTabInstantly: false,
            texture: ''
        };
        var E = true;
        var F = false;
        var G = t.isOpen = true;
        var H = ['wrapper', 'container', 'content', 'shadow', 'logo', 'close', 'open', 'pusher'];
        var I = {};
        var J = {
            wrapper: {
                type: 'DIV',
                style: 'display:none;'
            },
            container: {
                type: 'DIV'
            },
            content: {
                type: 'DIV'
            },
            shadow: {
                type: 'DIV'
            },
            logo: {
                type: 'A',
                href: u,
                title: v,
                text: v,
                target: "_blank"
            },
            close: {
                type: 'A',
                href: "#close",
                text: "Close",
                onclick: function () {
                    t.close();
                    return false
        ...