JSFiddle - React, Tailwind, and code Playground

HTML

<html class="no-js wf-angiesans-n4-active wf-angiesans-i4-active wf-angiesans-n7-active wf-angiesans-i7-active wf-apollinesc-n5-active wf-active" lang="en"><head>  <meta charset="utf-8">  <!-- CSS --> <link rel="stylesheet" href="css/style.css" type="text/css"> <style type="text/css" media="screen">      body { background:#000;color:#fff;font-size:.8em;font-family:verdana; }    .title { background-color:#246499;padding:.2em; }      .msg { background-color:#246499;padding:.2em;color:#ffd92a;width:100%; }     .info { background-color:#3B9957; }    .error { background-color:#992E36; }  .warning { background-color:#ffd92a; } </style>  <!-- mobile specific meta tags --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">  <!-- local configuration --> <script type="text/javascript" src="config.js.php"></script>  <!-- TypeKit fonts --> <script type="text/javascript" src="http://use.typekit.com/gqc8gnr.js"></script> <style type="text/css">.tk-angie-sans{font-family:"angie-sans",sans-serif;}.tk-apolline-sc{font-family:"apolline-sc",serif;}</style><link href="http://use.typekit.com/k/gqc8gnr-d.css?3bb2a6e53c9684ffdc9a9afe1f5b2a62e5d76b099c828680e711f46a3564858a7de7066be05a4311944955bb66d081953f4688bfc99adeb17b5e497e96f49ea19aa26cd91b8c64c83bbe8367ffcf6ed4568f8d8a4d" rel="stylesheet"><script type="text/javascript">try{Typekit.load();}catch(e){}</script>  <!-- jQuery libraries --> <script src="js/jquery-1.7.1.min.js"></script> <script src="js/cuepoint.js"></script>  <script>  // static data var id = "eb7bf2130acffc3a5d7b7e0231ba7693"; // requester id TODO: *must* sinchronize this value with producer id! id = "123"; // to simplify debug (with one client/server...) var md5 = 0; // subtitle MD5 hash value  $(document).ready(function() {  document.title = config.appName + " v" + config.appVersion + " - " + "Consumer";  document.subtitle = "sottotitoli \"live\" con HTML5 Video + jQuery";  $("#title").html(document.title); ...

CSS

/* --------------------------------------------------------------  *                        _ _           *                                              (_) |          *                                                __ _ _ __ __ ___   ___| |_ _   _   *                                                 / _` | '__/ _` \ \ / / | __| | | |  *                                                 | (_| | | | (_| |\ V /| | |_| |_| |  *                                                  \__, |_|  \__,_| \_/ |_|\__|\__, |  *                                                    __/ |                       __/ |  *                                                     |___/                       |___/   *  *  *                                                     Gravityframework.com  *                                                     Version 1.2   *                                                     Developed by: Owain Lewis  *                                                     License: MIT  *                                                     http://www.opensource.org/licenses/mit-license.php  *  *                                                     -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {   margin: 0;   padding: 0;   border: 0;   font-size: 100%;   font: inherit;   vertical-align: baseline; }  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {   display: block; }  blockquote, q {   quotes: none; }  blockquote:before, blockquote:after, q:before, q:after {   content: "";   content: none; }  ins {  ...