Menu
▾
▴
[Geotools-devel] [jira] (GEOT-4642) Pattern Generation for Fill Mark Rotation
|
From: Jody G. (JIRA) <ji...@co...> - 2013-12-14 03:06:51
|
<style>
/* Changing the layout to use less space for mobiles */
@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
#email-body { min-width: 30em !important; }
#email-page { padding: 8px !important; }
#email-banner { padding: 8px 8px 0 8px !important; }
#email-avatar { margin: 1px 8px 8px 0 !important; padding: 0 !important; }
#email-fields { padding: 0 8px 8px 8px !important; }
#email-gutter { width: 0 !important; }
}
</style>
<div id="email-body">
<table id="email-wrap" align="center" border="0" cellpadding="0" cellspacing="0" style="background-color:#f0f0f0;color:#000000;width:100%;">
<tr valign="top">
<td id="email-page" style="padding:16px !important;">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color:#ffffff;border:1px solid #bbbbbb;color:#000000;width:100%;">
<tr valign="top">
<td bgcolor="#ffffff" style="background-color:#ffffff;color:#00AA00;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;line-height:1;"><img src="http://www.codehaus.org/codehaus-small.gif" alt="" style="vertical-align:top;" /></td>
</tr><tr valign="top">
<td id="email-banner" style="padding:32px 32px 0 32px;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="width:100%;">
<tr valign="top">
<td style="color:#505050;font-family:Arial,FreeSans,Helvetica,sans-serif;padding:0;">
<img id="email-avatar" src="https://jira.codehaus.org/secure/useravatar?ownerId=jgarnett&avatarId=10310" alt="" height="48" width="48" border="0" align="left" style="padding:0;margin: 0 16px 16px 0;" />
<div id="email-action" style="padding: 0 0 8px 0;font-size:12px;line-height:18px;">
<a class="user-hover" rel="jgarnett" id="email_jgarnett" href="https://jira.codehaus.org/secure/ViewProfile.jspa?name=jgarnett" style="color:#005500;">Jody Garnett</a>
created <img src="http://jira.codehaus.org/images/icons/improvement.gif" height="16" width="16" border="0" align="absmiddle" alt="Wish"> <a style='color:#005500;text-decoration:none;' href='https://jira.codehaus.org/browse/GEOT-4642'>GEOT-4642</a>
</div>
<div id="email-summary" style="font-size:16px;line-height:20px;padding:2px 0 16px 0;">
<a style='color:#005500;text-decoration:none;' href='https://jira.codehaus.org/browse/GEOT-4642'><strong>Pattern Generation for Fill Mark Rotation</strong></a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td id="email-fields" style="padding:0 32px 32px 32px;">
<table border="0" cellpadding="0" cellspacing="0" style="padding:0;text-align:left;width:100%;" width="100%">
<tr valign="top">
<td id="email-gutter" style="width:64px;white-space:nowrap;"></td>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 10px 10px 0;white-space:nowrap;">
<strong style="font-weight:normal;color:#505050;">Issue Type:</strong>
</td>
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 0 10px 0;width:100%;">
<img src="http://jira.codehaus.org/images/icons/improvement.gif" height="16" width="16" border="0" align="absmiddle" alt="Wish"> Wish
</td>
</tr> <tr valign="top">
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 10px 10px 0;white-space:nowrap;">
<strong style="font-weight:normal;color:#505050;">Affects Versions:</strong>
</td>
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 0 10px 0;width:100%;">
10.2 </td>
</tr>
<tr valign="top">
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 10px 10px 0;white-space:nowrap;">
<strong style="font-weight:normal;color:#505050;">Assignee:</strong>
</td>
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 0 10px 0;width:100%;">
<a class="user-hover" rel="aaime" id="email_aaime" href="https://jira.codehaus.org/secure/ViewProfile.jspa?name=aaime" style="color:#005500;">Andrea Aime</a>
</td>
</tr> <tr valign="top">
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 10px 10px 0;white-space:nowrap;">
<strong style="font-weight:normal;color:#505050;">Components:</strong>
</td>
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 0 10px 0;width:100%;">
render </td>
</tr>
<tr valign="top">
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 10px 10px 0;white-space:nowrap;">
<strong style="font-weight:normal;color:#505050;">Created:</strong>
</td>
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 0 10px 0;width:100%;">
13/Dec/13 9:06 PM
</td>
</tr> <tr valign="top">
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 10px 10px 0;white-space:nowrap;">
<strong style="font-weight:normal;color:#505050;">Description:</strong>
</td>
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 0 10px 0;width:100%;">
<p style='margin-top:0;margin-bottom:10px;'>Follow on to <a href="https://jira.codehaus.org/browse/GEOT-4641" title="Fill Mark Rotation Degree to Radian conversion">GEOT-4641</a> (which correct the conversion of degree to angle).</p>
<p style='margin-top:0;margin-bottom:10px;'>There are two ways to think of adjusting fill pattern based on rotation:</p>
<ul>
<li>Square tessellation, maintain size and spacing:preserve requested mark size, drawing the original mark rotated. This is the current approach it results in visual overlap so is probably wrong. It does however preserve the spacing between marks, and for marks that are contained within a unit circle (such as a star) it is an intuitive approach.</li>
</ul>
<p style='margin-top:0;margin-bottom:10px;'>Rotating a size 16 square mark, produces a 16x16 pattern (the corners of the square will overlap making little stop signs).<br/>
```<br/>
<ins>-------<del></ins> <ins></del>-------</ins></p>
<table class='confluenceTable'><tbody>
<tr>
<td class='confluenceTd'> </td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'>########</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'> </td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</td>
</tr>
</tbody></table>
<p style='margin-top:0;margin-bottom:10px;'><ins>-------<del></ins> <ins></del>-------</ins><br/>
```</p>
<ul>
<li>Square tessellation, maintain size by adjusting spacing: increase the mark size to adjust for rotation. This is the obvious way to prevent overlap, and is probably wrong.</li>
</ul>
<p style='margin-top:0;margin-bottom:10px;'>It would maintain the size of each mark during rotation, but the spacing between the marks would change (as the icon to hold a rotated mark is larger). This would work for all kinds of marks, but would not be intuitive to work with. So to rotate a size 16 square mark we would need an 18x18 pattern generated.<br/>
```<br/>
<ins>----------</ins> <br/>
<ins>--------</ins> | |</p>
<table class='confluenceTable'><tbody>
<tr>
<td class='confluenceTd'> </td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'> </td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</td>
</tr>
</tbody></table>
<p style='margin-top:0;margin-bottom:10px;'><ins>--------</ins> | |<br/>
<ins>----------</ins><br/>
```<br/>
We could also adjust the size of the mark based on angle so the resulting icon still ends up at the requested size. So to rotate a size 16 square we would need to shrink it down to size 12 to end up with a 16x16 pattern.<br/>
```<br/>
<ins>-------<del></ins> <ins></del>-------</ins></p>
<table class='confluenceTable'><tbody>
<tr>
<td class='confluenceTd'> </td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'> </td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'> </td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'> </td>
</tr>
</tbody></table>
<p style='margin-top:0;margin-bottom:10px;'><ins>-------<del></ins> <ins></del>-------</ins><br/>
```</p>
<ul>
<li>Angle tessellation, maintain size and spacing. by creating a larger repeating pattern. For a size 16 square we would need to make a larger pattern to produce the correct tessellation.<br/>
```<br/>
<ins>----------</ins> <br/>
<ins>--------</ins> |### ###|
<table class='confluenceTable'><tbody>
<tr>
<td class='confluenceTd'> </td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>## ##</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>#### #</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li>
<ol>
<li></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>#### #</li>
</ol>
</td>
</tr>
<tr>
<td class='confluenceTd'> </td>
<td class='confluenceTd'> </td>
<td class='confluenceTd'><ol>
<li>
<ol>
<li>## ##</li>
</ol>
</li>
</ol>
</td>
</tr>
</tbody></table>
<p style='margin-top:0;margin-bottom:10px;'><ins>--------</ins> |### ###|<br/>
<ins>----------</ins><br/>
```<br/>
This approach would be annoying to code but would produce a similar result to the current slash icon factory.</p></li>
</ul>
</td>
</tr>
<tr valign="top">
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 10px 10px 0;white-space:nowrap;">
<strong style="font-weight:normal;color:#505050;">Project:</strong>
</td>
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 0 10px 0;width:100%;">
<a style="color:#005500;" href="https://jira.codehaus.org/browse/GEOT">GeoTools</a>
</td>
</tr> <tr valign="top">
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 10px 10px 0;white-space:nowrap;">
<strong style="font-weight:normal;color:#505050;">Priority:</strong>
</td>
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 0 10px 0;width:100%;">
<img src="https://jira.codehaus.org/images/icons/priorities/minor.png" height="16" width="16" border="0" align="absmiddle" alt="Minor"> Minor
</td>
</tr>
<tr valign="top">
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 10px 10px 0;white-space:nowrap;">
<strong style="font-weight:normal;color:#505050;">Reporter:</strong>
</td>
<td style="color:#000000;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:12px;padding:0 0 10px 0;width:100%;">
<a class="user-hover" rel="jgarnett" id="email_jgarnett" href="https://jira.codehaus.org/secure/ViewProfile.jspa?name=jgarnett" style="color:#005500;">Jody Garnett</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td><!-- End #email-page -->
</tr>
<tr valign="top">
<td style="color:#505050;font-family:Arial,FreeSans,Helvetica,sans-serif;font-size:10px;line-height:14px;padding: 0 16px 16px 16px;text-align:center;">
This message is automatically generated by JIRA.<br />
If you think it was sent incorrectly, please contact your JIRA administrators<br />
For more information on JIRA, see: <a style='color:#005500;' href='http://www.atlassian.com/software/jira'>http://www.atlassian.com/software/jira</a>
</td>
</tr>
</table><!-- End #email-wrap -->
</div><!-- End #email-body -->
|
