ART Flame

HTML

<h1>ART</h1>

CSS

h1 {
    font: 20px Helvetica;
    font-weight: bold;
    margin-bottom: 20px;
}

JavaScript

var art = new ART(300, 300);

$(art).setStyles({
    'background': 'transparent',
    'background-image': "url(http://s.moofx.it/images/sqr.png)",
    'background-repeat': 'repeat',
    'border-right': "1px solid #dce2e7",
    'border-bottom': "1px solid #dce2e7"
});

var flame = new ART.Shape("M134.511,107.854c0.132-22.198-35.056-21-28.225-51.405c-16.239,22.789,11.089,34.269,1.009,49.389c-10.08,15.119-22.623,9.576-22.623,26.709c0,17.136,18.592,14.62,15.566,28.729c-1.199,5.596-6.644,12.381-12.777,18.532c1.534-4.389,2.697-9.651,2.697-15.509c0-17.133-22.174-11.086-25.199-28.223c-3.023-17.137,34.05-31.749,25.984-59.976c-8.064-28.222-26.991-14.617-31.024-27.719C55.89,35.279,76.607,26.822,58.913,0C65.97,23.183,42.785,26.209,34.72,60.479c-8.063,34.269,27.216,23.182,30.239,43.342c3.025,20.159-21.502,27.833-27.774,52.918c-1.792,7.162-2.82,12.802-2.724,17.403c-3.961-4.602-7.048-9.271-7.916-13.316c-3.023-14.109,15.568-11.594,15.568-28.726c0-17.137-8.737-11.313-18.816-26.434c-10.08-15.12,13.439-26.879-2.8-49.668C27.331,86.404-0.131,83.919,0,106.118c0.114,18.868,3.474,9.068,8.514,28.222c5.04,19.153-13.44,15.903-5.377,38.079c8.063,22.177,62.719,25.458,67.776,24.382c11.476-0.998,46.03-5.499,52.733-23.936c8.064-22.176-10.415-18.926-5.375-38.079S134.397,126.723,134.511,107.854z");

flame.fill("yellow", "orange", "red");

flame.translate(80, 40).inject(art);

art.inject(document.body);