JSFiddle - React, Tailwind, and code Playground

by justinwinter

HTML

<html>

  <head>
    <style>
      @import url('https://fonts.googleapis.com/css?family=Muli');
      body {
        font-family: Muli, sans-serif;
        font-size: 18px;
        border-right: 2px solid #007acc;
        margin-left: 10px;
      }

      red {
        color: red;
      }

      a {
        text-decoration: none;
        font-family: Muli, sans-serif;
        font-size: 18px;
        position: relative;
        color: #000;
        line-height: 35px;
      }

      a:after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 0%;
        border-bottom: 2px solid #007acc;
        transition: 0.15s;
      }

      a:hover:after {
        width: 100%;
      }

    </style>

  </head>

  <body>
    <a href="http://bit.ly/lcgbenefitsportal">Home</a><br>
    <a href="http://bit.ly/2IqInso">Health Plan</a><br>
    <a href="http://bit.ly/2Ipu2w4">Flexible Benefits</a><br>
    <a href="http://bit.ly/2Iu9oHd">Life and AD&amp;D Insurance</a><br>
    <a href="http://bit.ly/2wQMyIl">Pension Plan</a><br>
    <a href="http://bit.ly/2wPAGq2">Additional Programs and Services</a><br>
    <a href="http://bit.ly/2rNt1Uw">Eligibility</a><br>
    <a href="http://bit.ly/2wLOX7c">Qualifying Life Events</a><br>
    <a href="http://bit.ly/2IvncBa">Did You Know?</a><br>
    <a href="http://bit.ly/2Kx4Iky">Forms</a><br>
    <a href="http://bit.ly/2LcTX8e">Media</a><br>
    <a href="http://bit.ly/2IMYq2R">Annual Notices</a><br>
    <a href="http://bit.ly/2wPWiCS">Contact Us</a><br>
    <a href="http://bit.ly/2wQDqDx">Feedback or Website Issue</a><br>
    <br> <br> Need Help? Chat with us!<br><br><br>
    <script type="text/javascript">
      window.$crisp = [];
      window.CRISP_WEBSITE_ID = "d5ca4556-4680-454e-ad30-bea2dd744162";
      (function() {
        d = document;
        s = d.createElement("script");
        s.src = "https://client.crisp.chat/l.js";
        s.async = 1;
       ...

JavaScript

/**
 * crisp-client - Customer Messaging Made Simple.
 * @version v2.5.1
 * @author Crisp IM SARL https://crisp.chat/
 * @date 10/24/2018
 */
(function() {
  var t = !1;
  try {
    var e = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t) {
      return typeof t
    } : function(t) {
      return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t
    };
    new(function() {
      function t() {
        var t = this,
          _ = "constructor";
        try {
          if (this.ns = "CrispLoader", this.__console = {
              warn: function() {},
              error: function() {},
              info: function() {},
              log: function() {},
              debug: function() {}
            }, this.__is_development = !1, this.__project_name = "crisp-client", this.__host_assets = "client.crisp.chat", this.__host_relay_client = "client.relay.crisp.chat", this.__host_relay_stream = "stream.relay.crisp.chat", this.__host_settings = "settings.crisp.chat", this.__client_revision = "8dea3aa", this.__client_environment = "production", this.__protocol = "https:", this.__url_website = "https://crisp.chat", this.__url_go = "https://go.crisp.chat", this.__url_image = "https://image.crisp.chat", this.__url_game = "https://game.crisp.chat", this.__url_relay_client = this.__protocol + "//" + this.__host_relay_client, this.__url_relay_stream = this.__protocol + "//" + this.__host_relay_stream, this.__url_assets = this.__protocol + "//" + this.__host_assets, this.__url_settings = this.__protocol + "//" + this.__host_settings, this.__rtc_ice = [{
              urls: ["stun:stun.media.crisp.chat:3478?transport=udp", "stun:stun.media.crisp.chat:3478?transport=tcp", "stun:stun.media.crisp.chat:3479?transport=udp", "stun:stun.media.crisp.chat:3479?transport=tcp"]
            }, {
              urls: ["turn:turn.media.crisp.chat:3478?transport=udp",...