JSFiddle - React, Tailwind, and code Playground

by slace

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<button>Powered By?</button>

<div id="dialog" title="Powered By!">

</div>

CSS

#dialog { display: none; }

JavaScript

var line, 
    dialog = $('#dialog'),
    content = "# OSS\njQuery: http://jquery.com\nModernizr: http://modernizr.com",
    oss = /# OSS/, 
    lines = content.split(/\n/).reverse(),
    ul = $('<ul />');

while(lines.length) {
    line = lines.pop().split(':');
    
    if(!oss.test(line)) {
        ul.append(
            $('<li />')
                .append(
                    $('<a />')
                        .text(line[0])
                        .attr('href', line.slice(1,3).join(':'))
                )
        );
    }
}

dialog.append(ul);

$('button').on('click', function () {
    dialog.dialog({
        modal: true
    });
});