JSFiddle - React, Tailwind, and code Playground

by jcutrell

HTML

<h1>Envato!</h1>
<svg>
<g>
    <g>
        <path fill="#8BAC54" d="M28.028,104.509c-35.271,44.527-36.619,105.084-7.616,150.407
            c26.073-66.957,58.919-142.287,99.378-209.543C81.802,61.428,46.351,81.377,28.028,104.509z M278.797,11.28
            c-0.408-3.492-2.227-6.447-4.845-8.41c-2.5-2.097-5.802-3.197-9.304-2.784c0,0-10.403,2.227-26.959,6.483
            C158.62,82.498,93.735,184.229,43.453,281.932c1.875,1.628,3.778,3.255,5.749,4.794c56.202,44.471,137.782,34.972,182.238-21.163
            C282.657,200.806,278.797,11.28,278.797,11.28z"/>
    </g>
    <g>
        <path fill="#B1C982" d="M58.392,293.368c59.428-95.491,133.438-188.549,220.117-247.851c0.558-20.869,0.289-34.238,0.289-34.238
            c-0.408-3.492-2.227-6.447-4.845-8.41c-2.5-2.097-5.802-3.197-9.304-2.784c0,0-10.403,2.227-26.959,6.483 C158.62,82.498,93.735,184.229,43.453,281.932c1.875,1.628,3.778,3.255,5.749,4.794C52.185,289.102,55.271,291.308,58.392,293.368
            z"/>
    </g>
</g>
</svg>

CSS

h1 { font-family: sans-serif; font-weight: bold; font-size: 2em; text-transform: uppercase; color: #293b0c; }

JavaScript

// No javascript needed for this example. No IMG tags. No http requests. Just pure web standards, for the win!