JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8" />

    <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="http://www.ghiasi.net/Includes/jquery.mobile-1.1.0.min.css" />

    <script src="http://www.ghiasi.net/Includes/jquery-1.7.1.min.js"></script>

    <script src="http://www.ghiasi.net/Includes/jquery.mobile-1.1.0.min.js"></script>

    <link rel="stylesheet" href="http://www.ghiasi.net/Includes/jquery.mobile.scrollview.css" />

    <link rel="stylesheet" href="http://www.ghiasi.net/Includes/jqm-docs.css" />

    <script src="http://www.ghiasi.net/Includes/overthrow.js"></script>

    <script src="http://www.ghiasi.net/Includes/jquery.mousewheel.min.js"></script>

    <script src="http://www.ghiasi.net/Includes/anchorscroll.overthrow.js"></script>

    

    <style>

        html, body {

            overflow-y: hidden;

        }



        .frame {

            height: 100%;

            width: 100%;

            border: 0;

            background-color: green;

        }



        .content {

            height: 100%;

            width: 100%;

            overflow-y: hidden;

        }



        .fullSize {

            height: 100%;

            width: 100%;

        }



        .menu {

            position: fixed;

            bottom: -215px;

            right: 10px;

            width: 70px;

            height: 265px;

            background-color: #ffd800;

            border-radius: 5px;

            -moz-border-radius: 5px; /* Firefox 3.6 and earlier */

        }



        .menuitem {

            width: 60px;

            height: 60px;

            margin: 5px;

            background-color: #e0bf0c;

            border-radius: 5px;

            -moz-border-radius: 5px; /* Firefox 3.6 and earlier */

            -webkit-transition: background-color 0.3s; /*Safari & Chrome*/

            transition: background-color 0.3s;

           ...