battleships-1.0.0: templates/legend.hamlet

$case orientation
  $of Horizontal
    <table .legendH>
      <tr>
        <td>
          <img src="@{legendStatic LIFogOfWar}">
        <td>_{MsgLegendFogOfWar}
        $if not movesAllowed
          <td>
            <img src="@{legendStatic LIWater}">
          <td>_{MsgLegendWater}
        <td>
          <img src="@{legendStatic LIShipHit}">
        <td>_{MsgLegendShipHit}
        <td>
          <img src="@{legendStatic LIShipSunk}">
        <td>_{MsgLegendShipSunk}
        <td>
         <img src="@{legendStatic LILastShot}">
        <td>_{MsgLegendLastShot}
      $if movesAllowed
        <tr>
          <td>
            <img src="@{legendStatic LIShipImmovable}">
          <td>_{MsgLegendShipImmovable}
          <td>
            <img src="@{legendStatic LIShipMovable}">
          <td>_{MsgLegendShipMovable}
          <td>
            <img src="@{legendStatic LIShipWithArrow}">
          <td>_{MsgLegendShipWithArrow}
        <tr>
          <td colspan="2"> _{MsgLegendWaterShots}:
          <td colspan="2" width="250">
            <img src="@{timedLegendStatic $ TLIWater 0}" title="_{MsgLegendRightNow}">
            <img src="@{timedLegendStatic $ TLIWater 5}" title="_{MsgLegendTurnsAgo 5}">
            <img src="@{timedLegendStatic $ TLIWater 10}" title="_{MsgLegendTurnsAgo 10}">
            <img src="@{timedLegendStatic $ TLIWater 15}" title="_{MsgLegendTurnsAgo 15}">
            <img src="@{timedLegendStatic $ TLIWater 20}" title="_{MsgLegendMinTurnsAgo 20}">
          <td colspan="2" width="250">
            <img src="@{timedLegendStatic $ TLIMarker 0}" title="_{MsgLegendRightNow}">
            <img src="@{timedLegendStatic $ TLIMarker 5}" title="_{MsgLegendTurnsAgo 5}">
            <img src="@{timedLegendStatic $ TLIMarker 10}" title="_{MsgLegendTurnsAgo 10}">
            <img src="@{timedLegendStatic $ TLIMarker 15}" title="_{MsgLegendTurnsAgo 15}">
            <img src="@{timedLegendStatic $ TLIMarker 20}" title="_{MsgLegendMinTurnsAgo 20}">
          
  $of Vertical
    <table .legendV>
      <tr>
        <td>
          <img src="@{legendStatic LIFogOfWar}">
        <td>_{MsgLegendFogOfWar}
      <tr>
        $if not movesAllowed
          <td>
            <img src="@{legendStatic LIWater}">
          <td>_{MsgLegendWater}
      <tr>
        <td>
          <img src="@{legendStatic LIShipHit}">
        <td>_{MsgLegendShipHit}
      <tr>
        <td>
          <img src="@{legendStatic LIShipSunk}">
        <td>_{MsgLegendShipSunk}
      <tr>
        <td>
          <img src="@{legendStatic LILastShot}">
        <td>_{MsgLegendLastShot}
      $if movesAllowed
        <tr>
          <td>
            <img src="@{legendStatic LIShipImmovable}">
          <td>_{MsgLegendShipImmovable}
        <tr>
          <td>
            <img src="@{legendStatic LIShipMovable}">
          <td>_{MsgLegendShipMovable}
        <tr>
          <td>
            <img src="@{legendStatic LIShipWithArrow}">
          <td>_{MsgLegendShipWithArrow}
        <tr>
          <td colspan="2"> _{MsgLegendWaterShots}:
        <tr>
          <td colspan="2" width="250">
            <img src="@{timedLegendStatic $ TLIWater 0}" title="_{MsgLegendRightNow}">
            <img src="@{timedLegendStatic $ TLIWater 5}" title="_{MsgLegendTurnsAgo 5}">
            <img src="@{timedLegendStatic $ TLIWater 10}" title="_{MsgLegendTurnsAgo 10}">
            <img src="@{timedLegendStatic $ TLIWater 15}" title="_{MsgLegendTurnsAgo 15}">
            <img src="@{timedLegendStatic $ TLIWater 20}" title="_{MsgLegendMinTurnsAgo 20}">
        <tr>
          <td colspan="2" width="250">
            <img src="@{timedLegendStatic $ TLIMarker 0}" title="_{MsgLegendRightNow}">
            <img src="@{timedLegendStatic $ TLIMarker 5}" title="_{MsgLegendTurnsAgo 5}">
            <img src="@{timedLegendStatic $ TLIMarker 10}" title="_{MsgLegendTurnsAgo 10}">
            <img src="@{timedLegendStatic $ TLIMarker 15}" title="_{MsgLegendTurnsAgo 15}">
            <img src="@{timedLegendStatic $ TLIMarker 20}" title="_{MsgLegendMinTurnsAgo 20}">