JSFiddle - React, Tailwind, and code Playground

by Brad Christie

HTML

<script src="http://johnpatrickgiven.com/jquery/background-resize/js/jquery.ez-bg-resize.js"></script>
<link rel="stylesheet" href="http://jsc.yondershorecreative.com/wp-content/themes/jsclark/style.css">
<style type="text/css">
    #nav { position: absolute; left: -2000px; margin-top: -4px;}
    #page .home { position: absolute; top: 0; right: -2000px; }
</style>

<!-- This gets positioned absolutely so place it anywhere. -->
<div id="body-background">
    <img src="http://jsc.yondershorecreative.com/wp-content/themes/jsclark/images/home-bg.jpg?345345" alt="Bg">
</div>

JavaScript

$("#body-background").ezBgResize();

$(function(){
    // apply the site's style as well
    $('body').css({'overflow-x':'auto'});
});