JSFiddle - React, Tailwind, and code Playground

by srmor

HTML

<!DOCTYPE html> 
<html> 
<head> 
        <title>Thought Farm Productions</title>
        <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
        <script src="js/javascript.js" type="text/javascript"></script>
        <!--<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />-->
        <!--<script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>-->
        <script src="http://cubiq.org/dropbox/iscroll4/src/iscroll.js" type="text/javascript"></script>
        
        
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <!--<link href="css/stylesheet.css" rel="stylesheet" type="text/css"/>-->
        <link href="css/jquery.bubblepopup.v2.3.1.css" rel="stylesheet" type="text/css"/>
        <link href="css/stylesheet2.css" rel="stylesheet" type="text/css"/>
        
        <!--<script src="js/tractor.js" type="text/javascript"></script>-->
        <!--<script src="js/javascript2.js" type="text/javascript"></script>-->
        <!--<script src="js/gravity.js" type="text/javascript"></script>-->
        <!--<script src="js/slidingdoors.js" type="text/javascript"></script>-->
        <script src="js/jquery.scrollTo-1.4.2.js" type="text/javascript"></script>
        <script src="js/jquery.bubblepopup.v2.3.1.min.js" type="text/javascript"></script>
        <!--<script src="js/carouselManagement.js" type="text/javascript"></script>-->   
 
<script type="text/javascript"> 
 
var myScroll;
function loaded() {
    myScroll = new iScroll('wrapper');
}
 
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
 
/* * * * * * * *
 *
 * Use this for high compatibility (iDevice + Android)
 *
 */
document.addEventListener('DOMContentLoaded',...

CSS

#header {
    position:absolute;
    z-index:2;
    top:0; 
    left:0;
    width:100%;
    height:175px;
    background-color: #4B92DB;
    padding:0;
    font-size:20px;
}
 
#wrapper {
    position:absolute; 
    z-index:1;
    top:175px; 
    bottom:0px; 
    left:0;
    width:100%;
    background:#4B92DB;
    overflow:auto;
}
 
#scroller {
    position:absolute; 
    z-index:1;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    width:100%;
    padding:0;
}