JSFiddle - React, Tailwind, and code Playground

by Steven Senkus

HTML

<div class="content">Muh content!</div>
<div id="zergnet-widget-28871"></div>

CSS

#zergnet-widget-28871, .content {
    width: 50%!important;
    float:left;
}
#zerglayout {
    font-size:10px!important;
    width:100%!important;
}
#zergnet-widget-28871 {
    font-size: 10px!important;
}
#zergnet-widget-28871 img {
}
.zergentity {
    width: 100%!important;
    margin: 0px!important;
}
.zergheadline {
    float:left;
    font-size: 18px;
}
.zergentity > a, .zergheadline {
    float:left;
    display:block;
     width: 50%;   
}
.zergheadline > a {
    padding: 10px;
}
.zergheadline a > a { background-color: #000;}

JavaScript

(function () {
    var zergnet = document.createElement('script');
    zergnet.type = 'text/javascript';
    zergnet.async = true;
    zergnet.src = 'http://www.zergnet.com/zerg.js?id=28871';
    var znscr = document.getElementsByTagName('script')[0];
    znscr.parentNode.insertBefore(zergnet, znscr);
})();

/*

(function () {
  var timestamp = new Date().getTime();
  var randcallback = Math.floor((Math.random() * 9999999) + 1);
  var JSONP = (function () {
    var a = randcallback,
    c,
    f,
    b,
    d = this;
    function e(j) {
      var i = document.createElement('script'),
      h = false;
      i.src = j;
      i.async = true;
      i.onload = i.onreadystatechange = function () {
        if (!h && (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete')) {
          h = true;
          i.onload = i.onreadystatechange = null;
          if (i && i.parentNode) {
            i.parentNode.removeChild(i)
          }
        }
      };
      if (!c) {
        c = document.getElementsByTagName('head') [0]
      }
      c.appendChild(i)
    }
    function g(h, j, k) {
      f = '?';
      j = j || {
      };
      for (b in j) {
        if (j.hasOwnProperty(b)) {
          f += encodeURIComponent(b) + '=' + encodeURIComponent(j[b]) + '&'
        }
      }
      var i = 'json' + (++a);
      d[i] = function (l) {
        k(l);
        try {
          delete d[i]
        } catch (m) {
        }
        d[i] = null;
      };
      e(h + f + 'callback=' + i);
      return i
    }
    return {
      get: g
    }
  }());
  JSONP.get('http://www.zergnet.com/output.js', {
    id: '28871',
    time: timestamp
  }, function (data) {
    if (typeof window.opera != 'undefined') {
      document.write(data);
    } else {
      document.getElementById('zergnet-widget-28871').innerHTML = data;
    }
  });
}) ();



// */