JSFiddle - React, Tailwind, and code Playground

by johnoscott

JavaScript

/*  Custom CSS for Tumbler */

    article.writing {
         background-image: url('http://media.tumblr.com/tumblr_m7un6xjWLK1qbtmru.jpg');
        background-repeat:no-repeat;
        height:250px;

    }
        
    article.poetry {
         background-image: url('http://media.tumblr.com/tumblr_m7ummbjN031qbtmru.jpg');
        background-repeat:no-repeat;
        height:150px;

    }
        
    article.inspiration {
         background-image: url('http://media.tumblr.com/tumblr_m7ujleqIeH1qbtmru.jpg');
        background-repeat:no-repeat;
        height:150px;

    }
        
   article.childsplay {
         background-image: url('http://media.tumblr.com/tumblr_m7ujq4LFnf1qbtmru.jpg');
        background-repeat:no-repeat;
        height:150px;

    }
        
    article.education {
         background-image: url('http://media.tumblr.com/tumblr_m7umm3Fee91qbtmru.jpg');
        background-repeat:no-repeat;
        height:150px;

    }
        
       
    article.results {
        /*border-style: dotted; */
        /* background-color: #adff2f; */
        display:block;
        padding: 0;
        /*margin:0;*/
        /*background-image: url('http://static.tumblr.com/3wqntit/hJ2m0tj6g/blog_banner.jpg')*/
        /*display: none;*/
        /*visibility: visible;*/

    }

    /* h2 inside an <article class="results"> */
    article.results h2 {
        display: none;
        /*display: none;*/
        /*visibility: collapse;*/

    }
    article.results p {
        display: none;
        /*visibility: collapse;*/

    }



    /* class="tag" inside an <article> */
    /*article.results .tag {*/
        /*border-style: dotted;*/
        /*border-color: red;*/
    /*}*/

</style>

<script type="text/javascript">
    
function setBanner(){
// for a results page, set the banner based on the tag
    $(document).ready(function(){
        // set the background based on the TAG text
        //    $('td:contains("male")')
        // Get the text inside the tag
      ...