JSFiddle - React, Tailwind, and code Playground

by Ayri Rin

HTML

<div id="stories"></div>

CSS

@import 'https://rawgit.com/ramon82/zuck.js/master/zuck.css?v=asdasd';

JavaScript

"use strict";

/*
    zuck.js
    https://github.com/ramon82/zuck.js
    MIT License
*/
(function (global) {
  var ZuckJS = function () {
    var w = global;

    var ZuckJS = function ZuckJS(timeline, options) {
      var d = document;
      var zuck = this;

      if (typeof timeline === 'string') {
        timeline = d.getElementById(timeline);
      }

      var query = function query(qs) {
        return d.querySelectorAll(qs)[0];
      };

      var get = function get(array, what) {
        if (array) {
          return array[what] || '';
        } else {
          return '';
        }
      };

      var each = function each(arr, func) {
        if (arr) {
          var total = arr.length;

          for (var i = 0; i < total; i++) {
            func(i, arr[i]);
          }
        }
      };

      var setVendorVariable = function setVendorVariable(ref, variable, value) {
        var variables = [variable.toLowerCase(), "webkit".concat(variable), "MS".concat(variable), "o".concat(variable)];
        each(variables, function (i, val) {
          ref[val] = value;
        });
      };

      var addVendorEvents = function addVendorEvents(el, func, event) {
        var events = [event.toLowerCase(), "webkit".concat(event), "MS".concat(event), "o".concat(event)];
        each(events, function (i, val) {
          el.addEventListener(val, func, false);
        });
      };

      var onAnimationEnd = function onAnimationEnd(el, func) {
        addVendorEvents(el, func, 'AnimationEnd');
      };

      var onTransitionEnd = function onTransitionEnd(el, func) {
        if (!el.transitionEndEvent) {
          el.transitionEndEvent = true;
          addVendorEvents(el, func, 'TransitionEnd');
        }
      };

      var prepend = function prepend(parent, child) {
        if (parent.firstChild) {
          parent.insertBefore(child, parent.firstChild);
        } else {
          parent.appendChild(child);
        }
      };

      var fullScreen = function...