JSFiddle - React, Tailwind, and code Playground

by David O'Brien

HTML

<script src="http://www.scottish-enterprise.com/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZOcIcggVxpk-EF36UD8VskHFm1zkCBlnbGMF6bl7DB8ahb04wjL3Fm1LE5_XjBJazg2&amp;amp;t=635586452020000000"></script>
<script src="https://www.scottish-enterprise.com/ScriptResource.axd?d=x6wALODbMJK5e0eRC_p1LbdHEQkApmXgRecUZcocRZfL3g1F8q1PWRAhJuvikTfM2Jp5axGzQwoKHyK53upz6VAIGveQGps_s-3SNnkbDvKh0VXUB2LTjz3t26hVepnv0&amp;amp;t=ffffffffec54f2d7"></script>
<script src="https://www.scottish-enterprise.com/ScriptResource.axd?d=P5lTttoqSeZXoYRLQMIScKqUzo6oKWYbLEPj60mAC00MaLk3N--Utt4RQOQU2pvkhGnlgGnAtg4OQUQeoNVF8L-4LFwklJxea_xRIt2H6aymD9j9jCouoJhBgOrep9-00&amp;amp;t=ffffffffec54f2d7"></script>
<script src="https://www.scottish-enterprise.com/se/js/s_code_se.js"></script>
<link rel="stylesheet" href="https://www.scottish-enterprise.com/SE_2013/css/bootstrap/bootstrap.css">
<script src="https://www.scottish-enterprise.com/SE_2013/js/OT/jquery.blockUI.min.js"></script>
<script src="https://www.scottish-enterprise.com/SE_2013/js/less/less-1.3.3.min.js"></script>
<script src="https://www.scottish-enterprise.com/SE_2013/js/libraries/date.js"></script>
<script src="https://www.scottish-enterprise.com/SE_2013/js/libraries/easing-1.3.js"></script>
<script src="https://www.scottish-enterprise.com/SE_2013/js/libraries/elementTransitions.js"></script>
<script src="https://www.scottish-enterprise.com/SE_2013/js/libraries/globalize.js"></script>
<script src="https://www.scottish-enterprise.com/SE_2013/js/libraries/jquery-ui-1.10.2.js"></script>
<script src="https://www.scottish-enterprise.com/SE_2013/js/libraries/jquery.cookie.js"></script>
<script src="https://www.scottish-enterprise.com/SE_2013/js/libraries/jquery.cycle.all.min.js"></script>
<script src="https://www.scottish-enterprise.com/SE_2013/js/libraries/jquery.debounce.min.js"></script>
<script src="https://www.scottish-enterprise.com/SE_2013/js/libraries/jquery.fancybox-media.js?v=1.0.0"></script>
<script...

CSS

/* ***************************
                Infinite possibilities
                Added by DO with RC and CMcT on 20/3/2015
                ****************************** */
                .blue_panel {
				background: #2980b9 url('https://www.scottish-enterprise.com/~/media/se_2013/campaigns/infinite possibilities/infinite-bg.jpg') no-repeat left bottom;
				height: 267px;
				position: fixed;
			}

			.container_31.main-content {
				top: 60px;
			}

			article.content {
				position: relative;
				bottom: 8px
			}

JavaScript

// Services landing page template
// Base: http://jsfiddle.net/davidobrien_SE/g05yydry/
/*
   v15 - http://jsfiddle.net/davidobrien_SE/g05yydry/15/
   DO - Added Base URL
*/

//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}

function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>

//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('Sm', 'form1', ['tctl13$updNotification', 'ctl13_updNotification'], [], [], 90, '');
//]]>

$(document).ready(function () {

    //add default goal to external links
    var comp = new RegExp(location.host);

    $('a').each(function () {
        if ($(this).attr('href')) {
            if (comp.test($(this).attr('href')) == false) {
                // a link that does not contain the current host
                if ($(this).attr('href').indexOf('http://www.youtube') != 0) {
                    if ($(this).attr('href').indexOf('#') != 0 && $(this).attr('href').indexOf('javascript') != 0 && $(this).attr('href').indexOf('/') != 0) {
                        if (!$(this).attr('data-dms')) {

                            $(this).attr('data-dms', '{36951280-8F48-4A78-B316-42AE3941A26C}');
                            $(this).attr('data-dms-event', 'External Link');
                            $(this).attr('data-dms-pageurl', location);
                            $(this).attr('data-targetid', '');

                        }
                    }
                }
            }
        }
    });

});

//<![CDATA[
(function () {
    var fn = function () {
        $get("Sm_HiddenField").value = '';
        Sys.Application.remove_init(fn);
    };
    Sys.Application.add_init(fn);
})(); //]]>