JSFiddle - React, Tailwind, and code Playground

HTML

<!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" dir="ltr" lang="en-US" xmlns:fb="http://www.facebook.com/2008/fbml">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

        <meta name="robots"  content="index, follow"/>

        <meta name="keywords" content="humor,humour,funny picture, lol picture, lol dog, lol cat, breakbrunch, memes, rage comics"/>

                        <title>BreakBrunch &ndash; Just a place for fun!</title>

                <meta name="description" content="BreakBrunch is the best place to have fun! Share your collection of LOLs with the world!"/> 

                <meta name="title" content="BreakBrunch &ndash; Best place to have fun! Share your collection of LOLs with the world!"/>

                <meta property="og:site_name" content="BreakBrunch"/>

                <meta property="og:url" content="http://www.breakbrunch.com/"/>

                <meta property='og:type' content='blog' />

                <meta property='og:locale' content='en_US' />

                <meta property="og:description" content="BreakBrunch is the best place to have fun! Share your collection of LOLs with the world!"/>

                <meta property="og:image" content="http://www.breakbrunch.com/wp-content/themes/break/images/breakbrunch-a.png" />

                <meta property="fb:app_id" content="208024705904965"/>

                <link rel="shortcut icon" href="http://www.breakbrunch.com/favicon.ico" />

        <link rel="profile" href="http://gmpg.org/xfn/11" />

        <!-- ststylesheet -->

       <link rel="stylesheet" href="http://localhost/wp-content/themes/break/style.css" type="text/css" media="all" />

        <link rel="pingback" href="http://localhost/xmlrpc.php" />        

        

        

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"...

JavaScript

(function($){
 
 
    // Share Widgets
    $('div[id^="post"]').bind("mouseenter", function(){
        // Post details
        var id = $(this).attr("id").slice(5);
        var permalink = $('.post-title a', this).attr("href");
        var title = $('.post-title a', this).text();
 
        // Remove icon images
        $('#sharing-' + id).css('background', 'none');
 
        // Facebook
        var fb_str = '<fb:like href="' + permalink + '" layout="button_count" send="false" show_faces="false"></fb:like>';
        $('#fb-newshare-' + id).removeClass('facebook').css('width', 'auto').html(fb_str);
        FB.XFBML.parse(document.getElementById('fb-newshare-' + id));
 
        // LinkedIn
        var linkedin_str = '<scr' + 'ipt id="inshare-' + id + '" type="in/share" data-url="' + permalink + '" data-counter="right"></scr' + 'ipt>';
        $('#linkedin-newshare-' + id).css('width', '110px').removeClass('linkedin').html(linkedin_str);
        if (typeof(IN) != 'object') 
            jQuery.getScript('http://platform.linkedin.com/in.js');
        else 
            IN.parse(document.getElementById('linkedin-newshare-' + id));
 
        // Twitter
        var twitter_str = '<span style="float:left;width:100px;margin-right:5px;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=' + permalink + '&amp;text=' + title + '&amp;via=techcrunch" style="width:130px; height:50px;" allowTransparency="true" frameborder="0"></iframe></span>';
        $('#tweet-newshare-' + id).css('width', '110px').removeClass('twitter').html(twitter_str);
 
        // Google Plus
        $('#gplus-newshare-' + id).parent().removeClass('gplus');
        if (typeof(gapi) != 'object') jQuery.getScript('http://apis.google.com/js/plusone.js', function () {
            gapi.plusone.render('gplus-newshare-' + id, {
                "href": permalink,
                "size": 'medium'
            });
        });
        else {
   ...