JSFiddle - React, Tailwind, and code Playground

by robknight

HTML

<link rel="stylesheet" href="http://static.ucsc.edu/css/ucsc.css">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <title>University of California, Santa Cruz</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<![endif]-->
<link href="http://static.ucsc.edu/css/ucsc.css" rel="stylesheet" type="text/css" /><!-- jQuery and Modernizr  -->
<script src="http://static.ucsc.edu/js/modernizr-1.5.min.js" type="text/javascript" ></script>
<!-- Enjoy the View, Lightbox, default value, and custom JS functions -->
<script src="http://static.ucsc.edu/js/jquery.tabSlideOut.v1.3.js" type="text/javascript" ></script>
<script src="http://static.ucsc.edu/js/jquery.lightbox-0.5.js" type="text/javascript" ></script>
<script src="http://static.ucsc.edu/js/jquery.defaultvalue.js" type="text/javascript" ></script>
<script src="http://static.ucsc.edu/js/ucsc_base.js" type="text/javascript" ></script>
<script src="http://static.ucsc.edu/js/enjoy_the_view.js" type="text/javascript" ></script>
<!-- Lightbox CSS -->
<link href="http://static.ucsc.edu/css/jquery.lightbox-0.5.css" media="screen" rel="stylesheet" type="text/css" /><!--[if IE]>
<link rel="stylesheet" type="text/css" href="http://static.ucsc.edu/css/fixie.css" />
<![endif]--> <!-- Google Analytics -->

<script type="text/javascript">
    $('.newsletter-btn').click(function() { _gaq.push(['_trackEvent', 'Buttons', 'Newsletter', 'Go to subscribe page']); });
    $('.handle').click(function() { _gaq.push(['_trackEvent', 'Buttons', 'EnjoyTheView', document.getElementsByTagName('title')[0]]); });
</script>

    <!-- jQuery Carousel --><script src="http://static.ucsc.edu/js/jquery.cycle.min.js" type="text/javascript" ></script>
<script src="http://static.ucsc.edu/js/jquery.tools.min.js"...

CSS

body {
    font-size:120% !important;
    
}

JavaScript

$('.handle').click(function() {
    _gaq.push(['_trackEvent', 'EnjoyTheView', 'Open', 'Home']);
});