Template Code for cawaii's "say it" CR chart

<? var data = getData(); ?>
<cut>
<raw-code><center>
<!--ITEM START-->
<? for (var i = 1; i < data.length; i++) { ?>
<div style="background: #ffffff; height: 100px; width: 640px; margin: 10px 0px; padding: 20px; border: 1px solid <?= data[i][4] ?>; border-radius: 100px; display: block;">
<!--ICON-->
<img src="<?= data[i][3] ?>" style="width: 100px; border-radius: 50%; float: left;">
<!--TEXT-->
<div style="width: 400px; max-height: 100px; margin: 0px 20px; font: 11px arial, sans-serif; text-align: justify; float: left; overflow-y: auto;"><span style="font-size: 16px; font-weight: bold; color: <?= data[i][4] ?>;"><?= data[i][0] ?></span> <span style="font-size: 12px; font-style: italic; color: #888888;"><?= data[i][2] ?></span>
<br/><?!= data[i][6] ?></div>
<!--ICON WITH SPEECH BUBBLE-->
<div style="background: url(IMG_LINK); height: 100px; width: 100px; border-radius: 50%; position: relative; z-index: 1; float: left;"><img src="<?= data[i][5] ?>" style="position: relative; top: 60px; right: 30px; z-index: 2;"></div>
</div>
<? } ?>
<!--ITEM END-->
<br/>
<small>code by <user name=cawaii></small>
</center></raw-code>
</cut>