JSFiddle - React, Tailwind, and code Playground

by gryzzly

HTML

<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<div id="canvas"></div>
<span id="communicates">Press me</span>

CSS

body {
    background:#000;
}
#communicates {
    position:absolute;
    left:0;
    top:0;
    z-index:100;
    color:#fff;
}

JavaScript

var start960 = 100,
    paper = Raphael("canvas", 600, 510),
      cloud = paper.path("M212,1c4.333,0,8.667,0,13,0c38.515,8.151,63.745,29.588,64,76 c12.01-16.571,55.051-11.771,50,20c26.036-3.235,44.01,9.891,54,26c4.849-9.32,23.148-8.835,26,2c0,3,0,6,0,9 c-3.228,5.758-9.936,11.146-19,8c8.847,68.756-88.575,82.36-104,27c-7.646,21.308-36.405,38.453-65,26 c2.565,21.802-28.65,27.807-34,9c-9.571,7.096-18.799,14.534-33,17c-5,0-10,0-15,0c-24.981-6.685-41.964-21.37-44-51 c-24.354,7.218-51.938-4.349-58-25c-11.679,25.23-45.805,12.594-41-12c3.019-15.45,28.283-20.066,37-7 c2.821-29.718,31.159-49.998,63-38c-10.354-28.34,29.123-41.214,41-21C153.022,29.356,174.679,7.346,212,1z"),
      cloud2 = paper.path("M139,1c4,0,8,0,12,0c25.119,5.188,44.178,26.066,37,57 c18.518-10.008,45.879-2.899,56,10c-0.731-34.815,56.14-37.792,60-5c8.583-0.583,12.716,3.284,16,8c2.179-2.488,3.691-5.643,9-5 c1.912,1.422,3.578,3.088,5,5c0,1.333,0,2.667,0,4c-1.767,4.021-7.959,6.864-12,3c0.619,13.215-14.535,20.003-25,13 c-8.583,9.07-30.109,12.325-41,3c6.817,49.456-57.949,66.752-83,35c6.974,25.965-7.912,44.712-29,49c-3.333,0-6.667,0-10,0 c-18.36-4.974-30.885-15.781-31-39c-21.992,0.658-33.288-9.379-41-23c-6.626,33.857-67.176,18.611-49-18 c-2.232-0.751-6.878,0.158-10-2c-0.138-1.862-0.658-3.342-2-4c0-1.333,0-2.667,0-4c0.333,0,0.667,0,1,0 c2.302-10.532,16.223-4.762,16,4c6.008-7.679,19.213-10.175,29-6c5.461,2.33,8.139,9.004,11,8c4.282-22.718,19.149-34.851,44-37 C94.968,26.65,114.25,6.148,139,1z"),
      cloud3 = paper.path("M172,1c4.333,0,8.667,0,13,0c28.094,5.573,47.345,19.989,54,47 c4.628-0.171,8.294-4.608,14-5c14.119-0.969,26.953,11.355,23,27c24.114-18.633,64.051-0.339,56,34c3.55-3.474,16.551-3.929,18,5 c0,1.333,0,2.667,0,4c-2.228,10.43-19.795,10.011-20-2c-7.475,10.525-16.276,19.724-35,19c-7.785,20.233-27.329,38.187-56,31 c1.141,20.436-32.368,26.179-35,5c-8.192,13.474-18.338,24.995-37,28c-3.333,0-6.667,0-10,0c-20.787-4.88-35.421-15.913-38-39...