JSFiddle - React, Tailwind, and code Playground

by ihope

JavaScript

var d = {
  "body-font": ["Cairo, 'Helvetica Neue', Helvetica, Arial, sans-serif", "Arial"]
};
var DOMReady = function(a, b, c) {
  b = document, c = 'addEventListener';
  b[c] ? b[c]('DOMContentLoaded', a) : window.attachEvent('onload', a)
};
fs = ["iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD/AAD///8AAACMA1FsAAAABHRSTlP///8AQCqp9AAAAEBJREFUeJxj+MN8wJ7hY4ioP8Ox0NBgBsnQ0BAGUSzEUZDsx9BQf4Y/oaH2DP9FQ/4z/D8aDCQ++gOJP/ZAAggAFEogT++f/IEAAAAASUVORK5CYII=", "iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAAAqgD///8AAAD+waZjAAAABHRSTlP///8AQCqp9AAAAEBJREFUeJxj+MN8wJ7hY4ioP8Ox0NBgBsnQ0BAGUSzEUZDsx9BQf4Y/oaH2DP9FQ/4z/D8aDCQ++gOJP/ZAAggAFEogT++f/IEAAAAASUVORK5CYII="];
e = (document.querySelector('[rel="shortcut icon"]') || (function(d) {
  var l = d.createElement('link');
  l.setAttribute('rel', 'shortcut icon');
  d.head.appendChild(l);
  return l
})(document));
v = 0;
setInterval(() => {
  v = ++v % 2;
  f = fs[v];
  e.setAttribute('href', 'data:image/png;base64,' + f);
}, 500);
$ = x => document.querySelector(x);
var scroll = (function() {
  if (!$('template').previousElementSibling.childElementCount) setTimeout(() => {
    s = $('template');
    p = s.previousElementSibling;
    if (s.previousElementSibling.innerHTML) console.log(s.getAttribute('x-class'));
    p.setAttribute('class', s.getAttribute('x-class'));
    p.append($('template').content.cloneNode(true));
  }, 0);
});
window.addEventListener('scroll', scroll, false);
window.addEventListener('mousemove', scroll, false);

function SubmitForm() {
  if (!document.querySelector("#contact-form").checkValidity()) {
    return;
  }
  var t = $("#contact-form").serialize();
  $.ajax({
    type: "POST",
    cros: true,
    data: t,
    url: "https://docs.google.com/forms/u/0/d/e/1FAIpQLSe4v34kigOSjQ6Lf65zLHShoXU5WdKdV4VF0501D2IojnOIkg/formResponse",
    async: !1,
    dataType: "html",
    success: function(t) {}
  });
  SuccessResponse();
};

function SuccessResponse() {
 ...