JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<script src="http://snapsvg.io/assets/js/snap.svg-min.js"></script>
<svg id="logo" />

CSS

body{
  background:#000;
  text-align: center;
  color: #fff;
  font-family: helvetica, arial, serif;
}
svg{
  margin: 0 auto;
  width: 810px;
  height: 530px;
    -webkit-transform:scale(0.6,0.6);
}

JavaScript

setTimeout(function(){
  var s = Snap('#logo');

	var path = s.path("M 73.01 70.00 C 196.33 70.00 319.66 69.99 442.99 70.01 C 443.01 95.00 443.01 119.99 442.99 144.99 C 422.67 145.02 402.35 145.02 382.04 144.99 C 382.00 138.66 382.00 132.33 381.97 126.00 C 349.32 125.99 316.66 125.99 284.00 126.01 C 283.99 150.00 283.99 174.00 284.01 198.00 C 335.67 198.02 387.33 197.98 438.99 198.01 C 439.01 254.34 439.00 310.67 439.00 367.00 C 317.00 367.00 195.00 367.01 73.01 366.99 C 72.98 342.00 72.99 317.01 73.01 292.01 C 93.33 291.98 113.65 291.98 133.97 292.01 C 133.99 299.67 134.00 307.33 134.02 315.00 C 160.35 315.00 186.67 315.01 212.99 315.00 C 213.01 291.00 213.01 267.00 212.99 243.00 C 166.33 242.98 119.67 243.02 73.01 242.99 C 72.99 185.33 72.99 127.67 73.01 70.00 M 77.01 73.01 C 76.99 128.34 76.99 183.66 77.01 238.99 C 122.34 239.01 167.67 239.00 213.00 239.00 C 212.99 226.66 212.99 214.33 213.01 202.01 C 184.01 201.98 155.01 202.02 126.01 201.99 C 125.99 175.33 125.99 148.67 126.00 122.01 C 155.00 121.98 184.00 122.02 212.99 121.99 C 213.01 105.66 213.01 89.34 212.99 73.01 C 167.66 72.99 122.34 72.99 77.01 73.01 M 130.01 126.00 C 129.99 150.00 129.99 174.00 130.00 198.00 C 157.67 198.01 185.33 198.01 212.99 198.00 C 213.01 174.00 213.01 150.00 213.00 126.00 C 185.33 125.99 157.67 125.99 130.01 126.00 M 390.00 126.00 C 390.00 129.75 390.00 137.25 390.00 141.00 C 405.00 141.00 420.00 141.00 435.00 141.00 C 435.00 137.25 435.00 129.75 435.00 126.00 C 420.00 126.00 405.00 126.00 390.00 126.00 M 284.01 254.01 C 283.98 274.34 283.98 294.66 284.01 314.99 C 316.67 315.01 349.33 315.01 381.99 314.99 C 382.01 294.66 382.02 274.33 381.99 254.01 C 349.33 253.99 316.67 253.99 284.01 254.01 M 390.00 253.99 C 390.01 276.66 389.98 299.32 390.00 321.99 C 354.66 322.02 319.33 321.98 284.00 322.00 C 284.00 334.66 284.00 347.33 283.99 359.99 C 332.99 360.01 381.99 360.01 430.99 359.99 C 431.01 324.66 431.01 289.33 430.99 254.00 C 417.33 254.00 403.66 254.00 390.00 253.99 M 77.01...