Template Code for cawaii's "Court Record" CR chart

<? var data = getData(); ?>
<raw-code><center>
<table>
<!--HEADER START-->
<tr>
<td><div style="background: #3a3a3a; width: 380px; padding: 6px; text-align: left;">
<span style="font: 18px helvetica, arial, sans-serif; color: #ffffff; text-shadow: #1a1a1a 1px 1px 0px;">Profiles</span>
</div></td>
</tr>
<!--HEADER END-->

<!--BODY START-->
<tr><td style="vertical-align: top;">
<div style="height: 178px; background: #82744f; display: inline-block; padding: 4px; overflow-y: hidden;">

<!--CHARACTER START-->
<? for (var i = 1; i < data.length; i++) { ?>
<a name="<?= data[i][1] ?>">
<div style="height: 96px; border-top: 4px solid #82744f; margin-bottom: 8px; display: block;">
 <img src="<?= data[i][3] ?>" style="width: 92px; border-radius: 4px; border: 2px solid #ffffff; box-shadow: #555 0px 2px 0px; margin-right: 4px; float: left;">

 <div style="background: #94c399; width: 280px; border: 2px solid #ffffff; border-radius: 4px; box-shadow: #555 0px 2px 0px; text-align: justify; float: left;">
  <div style="background: #3a3a3a; border-radius: 4px 4px 0px 0px; padding: 4px; text-align: center;"><span style="font: 18px helvetica, arial, sans-serif; color: #f0bf63;"><?= data[i][0] ?></span></div>
  <div style="padding: 4px;"><span style="font: 11px helvetica, arial, sans-serif; color: #3a3a3a;">Canon: <?= data[i][2] ?>
  <br/>Username: <?= data[i][1] ?>
  <br/><?= data[i][5] ?></span></div>
 </div>
</div>

<div style="width: 380px; height: 80px; font: 12px helvetica, arial, sans-serif; color: #ffffff; text-align: justify;"><?= data[i][6] ?></div>
</a>
<? } ?>
<!--CHARACTER END-->

</div>
</td></tr>
<!--BODY END-->

<tr>
<td><div style="background: #82744f; width: 392px; border-radius: 4px 4px 0px 0px;">
  <div style="background: #3a3a3a; width: 380px; border: 2px solid #ffffff; border-radius: 4px; box-shadow: #555 0px 2px 0px; padding: 4px; text-align: center;"><span style="font: 18px helvetica, arial, sans-serif; color: #f0bf63;">Court Record</span></div>
<!--MENU START-->
  <div style="padding: 12px; text-align: left;">
<!--ICON START-->
<? for (var i = 1; i < data.length; i++) { ?>
  <a href="#<?= data[i][1] ?>"><img src="<?= data[i][3] ?>" style="width: 85px; border-radius: 3px; margin: 0px 4px 4px 0px; display: inline;"></a>
<? } ?>
<!--ICON END-->
  </div>
<!--MENU END-->
</div></td>
</tr>
</table>
<br/>
<small>code by <user name=cawaii></small>
</center></raw-code>