| <html> |
| <head> |
| <title>Round Trip Statistics for [hostname]</title> |
| <style type="text/css"> |
| html { |
| min-width: 100%; |
| min-height: 100%; |
| } |
| body { |
| background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); |
| } |
| table { |
| border-collapse: collapse; |
| background-color: white; |
| border-radius: 10px; |
| overflow: hidden; |
| width: 1900px; |
| margin: 0 auto; |
| position: relative; |
| font-size: 1.05em; |
| } |
| |
| th,td { |
| margin: 0px; |
| padding: 3px; |
| text-align: left; |
| font-family: monospace; |
| font-size: 1.05em; |
| } |
| th { |
| background-color: #222; |
| color: white; |
| font-size: 1rem; |
| font-family: sans-serif; |
| } |
| tr:nth-child(even) { |
| background-color: #EEE; |
| } |
| tr:nth-child(odd) { |
| background-color: #FFF; |
| } |
| tr:nth-child(even)>td.good { |
| background-color: #0A0; |
| } |
| tr:nth-child(odd)>td.good { |
| background-color: #080; |
| } |
| tr:nth-child(even)>td.noshow { |
| background-color: #A00; |
| } |
| tr:nth-child(odd)>td.noshow { |
| background-color: #F00; |
| } |
| tr:nth-child(even)>td.slow { |
| background-color: #C70; |
| } |
| tr:nth-child(odd)>td.slow { |
| background-color: #FD2; |
| } |
| td.pending { |
| background-color: wheat; |
| } |
| </style> |
| </head> |
| <body style='font-family: sans-serif;'> |
| |
| <h2 style="text-align: center;">Mail Delivery Delay Statistics for [hostname]</h2> |
| <p style="border-radius: 8px; background-color: white; width: 1200px; margin: 16px auto; text-align: center;"> |
| Out of the last [num_probes] probes, [num_probes_received] have returned, |
| with an average delivery delay of [average_wait] seconds. |
| </p> |
| <table> |
| <tr><th></th></th><th>UUID:</th><th>Sent via:</th><th>Received:</th><th>Sent:</th><th>Arrived:</th><th>Roundtrip duration:</th></tr> |
| [for rows] |
| <tr><td class="[rows.classname]"> </td><td>[rows.id]</td><td>[rows.via]</td><td>[rows.how_long_ago]</td><td>[rows.sent]</td><td>[rows.received]</td><td align='right'>[rows.duration] seconds</td></tr> |
| [end] |
| </table> |
| </body> |
| </html> |