HTML Bike Route Cards

cat route.txt | egrep -i 'Head|total|Turn|left|right|Continue' | while read turn; do read tot; echo "<tr><td>$turn</td><td>$tot</td></tr>"; done >route.html

<style>
td {
  vertical-align:top;
  font-size: 8px;
  font-family: helvetica;
  font-weight: bold;
}

.route tr td:first-child {
  text-align: right;
}

.right {
float: right;
}

@media all
{
  .page-break  { display:none; }
}

@media print
{
  .page-break  { display:block; page-break-before:always; }
}

</style>

<table><tr><td valign=top>
<table class="route">

<tr><td>&nbsp;</td><td>Head east on Sausge St</td></tr>
<tr><td>0.1</td><td>Turn right onto Eggs St</td></tr>

</table></td><td valign=top><table>

<tr><td>10.2</td><td>Turn right onto Bacon Blvd</td></tr>
<tr><td>10.6</td><td>Turn left onto Toast Dr</td></tr>

</table></td></tr></table>
<div class="page-break"></div><table class="right"><tr><td valign=top>
<table class="route">

<tr><td>24.0</td><td>Turn right onto Orange Juice Dr</td></tr>

</table></td><td valign=top><table>

<tr><td>47.5</td><td>Turn left onto Hot Chocolate Rd</td></tr>

</table></td></tr></table>

Comments